<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. Java Spring 两大特色

    0 引言 本文主要描述的是Spring常用的两大特色功能:AOP和IoC容器 1 IoC Spring的IoC:就是常说的“控制反转”,也又叫依赖注入的(DI). 优点:IoC最大的好处就是把对象生成 ...

  2. 内核如何检测SOFT LOCKUP与HARD LOCKUP?

    内核如何检测SOFT LOCKUP与HARD LOCKUP? From article 所谓lockup,是指某段内核代码占着CPU不放.Lockup严重的情况下会导致整个系统失去响应.Lockup有 ...

  3. [SDOI2016]数字配对(费用流+贪心+trick)

    重点是如何找到可以配对的\(a[i]\)和\(a[j]\). 把\(a[i]\)分解质因数.设\(a[i]\)分解出的质因数的数量为\(cnt[i]\). 设\(a[i]\geq a[j]\) 那么\ ...

  4. 使用Ansible安装部署nginx+php+mysql之安装php(2)

    二.使用Ansible安装php 1.php.yaml文件内容 - hosts: clong remote_user: root gather_facts: no tasks: # 安装libseli ...

  5. MYSQL存储过程初步认知

    存储过程(Stored Procedure): 一组可编程的函数,是为了完成特定功能的SQL语句集,经编译创建并保存在数据库中,用户可通过指定存储过程的名字并给定参数(需要时)来调用执行. 优点:将重 ...

  6. 01.Python基础-4.字符串

    1 字符串初识 字符串编码 字符串定义:多个字符(双引号或单引号中的数据)组成 字符串下标 类似列表list 格式化 就是占位符 最常用%s %d %f等等 转义字符 转义字符 描述 \ (在行尾时) ...

  7. nodejs-NPM基本使用

    搜索模块 npm search express 更新模块 npm update express 卸载模块 npm uninstall express 安装模块 npm install express ...

  8. [SharePoint2010开发入门经典]12、SPS2010安全管理

    本章概要: 1.SPS中的用户授权 2.理解服务器场解决方案和沙箱解决方案的不同 3.理解表单验证和声明验证

  9. NEFU 84

    其实同POJ 1061 #include <iostream> #include <cstdio> #include <cstring> #include < ...

  10. 路由器一键桥接Android实现

    開始之前,首先说一下什么叫一键桥接,所谓一键桥接,就是点击一下.就能够对所连接的路由器进行网络中继设置.以实现路由器能够通过已有的无线路由器进行网络訪问. 那么实现这个功能有几种方法呢?能够说有非常多 ...