<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. 三大Flex布局用法(转载)

    Flex布局基础 对于Flex 初学者,在Hello World之后,Flex布局便是下一站学习要的要义.若是从传统的Html转变而来,总希望找到类似于Div/Table/UL等之类的控件,也希望在 ...

  2. Shoot the Bullet ZOJ - 3229有上下界网络流

    Code: #include<cstdio> #include<algorithm> #include<vector> #include<queue> ...

  3. C++基础 (4) 第四天 this指针 全局函数和成员函数 友元 操作符重载

    1static强化练习-仓库进货和出货 #define _CRT_SECURE_NO_WARNINGS #include <iostream> using namespace std; c ...

  4. [BZOJ1999] 树网的核 [数据加强版] (树的直径)

    传送门 如果只是想验证算法正确性这里是洛谷数据未加强版 Description 设T=(V, E, W) 是一个无圈且连通的无向图(也称为无根树),每条边带有正整数的权,我们称T为树网(treenet ...

  5. [USACO17JAN]Promotion Counting

    线段树合并. 正解好像不是线段树合并,但是出于练手的目的写了线段树合并. 大概就是对于左右子树,如果有一个为空,返回非空的,如果都不为空,就把这两个整合到一起就行了. #include <ios ...

  6. 在Windows下配置svn服务端钩子程序

    需求一,svn提交时必须填写log日志的需求 @echo off :: :: Stops commits that have empty log messages. :: @echo off set ...

  7. python pymysql存储

    # _*_ coding:utf-8 _*_ import requests from bs4 import BeautifulSoup import re import pymysql def cr ...

  8. FreeMarker hello

    一.什么是 FreeMarker FreeMarker 是一个用 Java 语言编写的模板引擎,它基于模板来生成文本输出.FreeMarker 与 Web 容器无关,即在 Web 运行时,它并不知道  ...

  9. 我的php站点系统分析工具01

    出于后的工作需求.须要高速弄清楚整个php站点系统是怎样执行的.抱着试探的心态.写出了这个工具. 临时把它叫做"系统信息动态解析地图"吧,或许"系统信息图"更方 ...

  10. C语言实现使用动态数组实现循环队列

    我在上一篇博客<C语言实现使用静态数组实现循环队列>中实现了使用静态数组来模拟队列的操作. 因为数组的大小已经被指定.无法动态的扩展. 所以在这篇博客中,我换成动态数组来实现. 动态数组能 ...