<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <a name="tpp">顶部</a>
        <div style="width: 100px;height:120px;background:red;">周三很热，学习java</div>
        <div style="width: 100px;height:120px;background:red;">周三很热，学习java</div>
        <span style="width:100px;height:200px;backgroud:black;">周三很热，学习java</span>
        <span style="width:100px;height:200px;backgroud:black;">周三很热，学习java</span>
        <!--有序排列-->
        <ol type="1"><li>monday</li>
        <li>thuesday</li>
        <li>wendesday</li>
        <li>thursday</li>
        <li>friday</li></ol>
        <!--无序排列-->
        <ul type="circle">
        <li>monday</li>
        <li>thuesday</li>
        <li>wendesday</li>
        <li>thursday</li>
        <li>friday</li>
        </ul>
        <ul type="disc">
        <li>monday</li>
        <li>thuesday</li>
        <li>wendesday</li>
        <li>thursday</li>
        <li>friday</li>
        </ul>
        
<!--字体加粗-->
        <b>周三很热，学习java</b>
        <!---->
        <b><i>学java</i></b>
        <!--字体倾斜-->
        <i>好热</i>
        <!--字体下划线-->
        <u>学习<br>java</u>
        <!--空格&nbsp-->
        <u>吃&nbsp;&nbsp;苹果</u>
        <h1>好热吃草莓</h1>
        <h2>好热吃草莓</h2>
        <h3>好热吃草莓</h3>
        <h4>好热吃草莓</h4>
        <h5>好热吃草莓</h5>
        <h6>好热吃草莓</h6>
        <!--<br />-->换行
        <br />
        <br />
        <br />
        <p>好热吃草莓好热吃草莓<p>好热吃草莓好热吃草莓好</p>好热吃草莓好热吃草莓好热吃草莓好热吃草莓好热吃草莓</p>
        <p>好热吃草莓好热好热吃草莓好热好热吃草莓好热好热吃草莓好热</p>
        <p>好热吃草莓好热好热吃草莓好热好热吃草莓好热好热吃草莓好热</p>
        <p>好热吃草莓好热好热吃草莓好热好热吃草莓好热好热吃草莓好热</p>
        <hr />
        <!--链接-->
        <a href="https:www.baidu.com">跳转</a>
        <!--锚点-->
        <a href="#tpp">跳到顶部</a>
        <!--下载-->
        <a href="123.zip">下载</a>"
        <!--照片做跳转图标-->
        <a href="https:www.baidu.com"><img src="../img/1.jpg" width="100px"height="200px"title="淄博"alt="zibo"/></a>
        <br />
        <br />
        <br />
        <!--表格table-->
        <table border="1" cellspacing="0" cellpadding="0">
            <tr>
                <th>1</th>
                <th>2</th>
                <th>3</th>
            </tr>
            <tr>
                <td rowspan="2" align="center" valign="top">Data</td>
                <td colspan="2" align="center">Data</td>
            </tr>
            <tr>
                <td>Data</td>
                <td>Data</td>
            </tr>
        </table>
        
    </body>
</html>

关于背景颜色、TEXT、<b>、<i>、<u>、<br>、<&nbsp>、<br>、<br>、h1-h6、<span>、<div>、<ol>、<ul>、<a>标签的用法（下载、跳转、锚点）、Img插入的用法的更多相关文章

  1. Idea中更改主题后xml配置文件局部黄色背景颜色去除

    相信很多小伙伴和我一样一样的,喜欢更换Idea的主题,但是细心的小伙伴就发现了,每次更改主题后xml配置文件就会局部产生黄色背景颜色,对于强迫症患者真的是够了,网上也有部分文章,但是不够详细,也跟Id ...

  2. HTML之背景颜色的改变

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  3. Bootstrap-全局样式的文本颜色和背景颜色

    .text-五种颜色   文本颜色.text-info文本浅蓝颜色-提示.text-warning文本黄色-警告颜色.text-success文本绿色-成功颜色.text-primary文本深蓝色-警 ...

  4. 借助Html制作渐变的网页背景颜色

    借助Html制作渐变的网页背景颜色 <html> <head> <title>制作渐变背景</title> <meta http-equiv=&q ...

  5. Easyui之datagrid实现点击单元格修改单元格背景颜色

    前段时间有个需求中有点击datagrid的单元格实现某种事件,调用datagrid的onclickCell这个方法很容易实现,但是体验不好啊,完全不知道自己刚才点击的是哪个单元格,然后就尝试单击单元格 ...

  6. 兼容性背景颜色半透明CSS代码（不影响内部子元素）

    如何简单兼容性的实现父元素是半透明背景色,而子元素不受影响. 兼容所有浏览器的背景颜色半透明CSS代码: background-color: rgba(, , , .); filter: progid ...

  7. 转 Android RadioButton设置选中时文字和背景颜色同时改变

    主要应用在购物车,像淘宝的那样,点击以后弹出一个选择种类颜色这样的popuwindow以后,然后这个选择种类的地方要用到类似这个玩意儿. 搜了一下,效果和这个文章一致.转了. 原文地址:http:// ...

  8. MFC 修改各种控件的背景颜色、字颜色和字体

    今天主要总结一下有关MFC 中静态编辑框(StaticEdit).编辑框(Edit)和按钮(Button)的背景颜色.字颜色和字体. 我的程序运行结果如下: 由上图我们知道修改的地方有:1.把Stat ...

  9. css3动画之背景颜色的自动切换

    因为不同浏览器内核的不同所以会产生浏览器兼容性问题 <!DOCTYPE html> <html> <head> <meta charset='utf-8'/& ...

随机推荐

  1. spring boot （一）

    spring boot 启动注解  @SpringBootApplication @Target(ElementType.TYPE) @Retention(RetentionPolicy.RUNTIM ...

  2. 【转】ROI Pooling

    Faster rcnn的整体构架: 训练的大致过程: 1.图片先缩放到MxN的尺寸,之后进入vgg16后得到(W/16,H/16)大小的feature map: 2.对于得到的大小为(W/16,H/1 ...

  3. 对服务器磁盘、CPU、内存使用状态，设置163邮件告警

    1,桥接模式可上网,首先你的邮箱已经开通yum -y install mailx dos2unix.x86_64  mailx -V[root@localhost ~]# vim /etc/mail. ...

  4. Git 本地项目添加多个远程仓库

    做了一个小玩意儿,是在 码云 上做的仓储: 还想同时放在 github 上做个备份: 就在 github 上创建了一个新的项目地址: 可以看出,官方给了三种导入方式: 1.创建一个新的项目: 2.推送 ...

  5. 实现el-dialog的拖拽，全屏，缩小功能

    基于el-dialog, 封装了一下.,实在懒得写,所以直接把代码 粘出来了 大概粘了一下效果.自己体会把. 组件使用 <el-dialog v-dialogDrag ref="xhz ...

  6. POJ2406A- Power Strings

    Given two strings a and b we define a*b to be their concatenation. For example, if a = "abc&quo ...

  7. NOI 2016 循环之美 (莫比乌斯反演+杜教筛)

    题目大意:略 洛谷传送门 鉴于洛谷最近总崩,附上良心LOJ链接 任何形容词也不够赞美这一道神题 $\sum\limits_{i=1}^{N}\sum\limits_{j=1}^{M}[gcd(i,j) ...

  8. MNIST机器学习数据集

    介绍 在学习机器学习的时候,首当其冲的就是准备一份通用的数据集,方便与其他的算法进行比较.在这里,我写了一个用于加载MNIST数据集的方法,并将其进行封装,主要用于将MNIST数据集转换成numpy. ...

  9. 洛谷 U3346 A1-偶回文数

    U3346 A1-偶回文数 题目背景 方方方很喜欢回文数,于是zzq就出了一道关于回文数的题目. 因为偶回文数比较简单,所以方方方就把它放在了第一题... 题目描述 我们定义一个长度为偶数的回文数叫做 ...

  10. 继续过Hard题目.0207

    接上一篇:http://www.cnblogs.com/charlesblc/p/6364102.html 继续过Hard模式的题目吧.   # Title Editorial Acceptance ...