<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. 路飞学城Python-Day53

    01-jquery的介绍 JS在做项目或者是实现功能的时候,用JS去操作DOM元素非常复杂,代码量大,重复性代码也多 多个元素使用for循环遍历也是非常麻烦的,对于JS使用来说加大了难度 jQuery ...

  2. ES2015 模板字符串 ``

    js中类似`${xx,yy}`的语句是什么意思? `string` 是模板字符串,ES2015新增的符号. var x = 'a', y = 'b'; var z = `${x,y}`; //'b' ...

  3. Nginx Location指令配置及常用全局变量

    ./configure的含义 在实践安装nginx的时候,不知道./configure是什么意思,这里特地记录一下. 在linux中./代表当前目录,属于相对路径../代表上一级目录,属于相对路径/代 ...

  4. Linux搭建oracle数据库

    1.安装前准备   软件硬件要求 操作系统:CentOS 6.4(32bit)Oracle数据库版本:Oracle 10g(10201_database_linux32.zip)最小内存:1G(检查命 ...

  5. Iterator和for...of

    Iterator和for...of 什么是Iterator ES6中的Map 和 Set ,再加上之前的数组和对象,这样就有了四种数据集合,用户可以组合使用它们,定义自己的数据结构.这时,我们就需要一 ...

  6. Node-Blog整套前后端学习记录

    Node-Blog 后端使用node写的一个一整套的博客系统 #### 主要功能 登录 注册 发表文章 编辑/删除文章 添加/删除/编辑文章分类 账号的管理 评论功能 ... 所用技术 node ex ...

  7. 树状数组求LIS

    我真的是咸鱼啊 多少年前的基础了我竟然才弄明白,哭 用树状数组维护<=x的最上上升子序列的最大值即可啊Orz 我真的菜的一笔啊! #include <bits/stdc++.h> u ...

  8. apache https部署

    1.生成证书,直接在阿里云或腾讯云中生成此处不再介绍 2.在httpd.conf中取消#LoadModule ssl_module modules/mod_ssl.so的注释 3.开启httpd-ss ...

  9. Problem 3

    Problem 3 # Problem_3.py """ The prime factors of 13195 are 5, 7, 13 and 29. What is ...

  10. [剑指offer] 41. 数据流中的中位数 (大小堆,优先队列)

    对于海量数据与数据流,用最大堆,最小堆来管理. class Solution { public: /* * 1.定义一个规则:保证左边(大顶堆)和右边(小顶堆)个数相差不大于1,且大顶堆的数值都小于等 ...