Chapter 1. HTML---标签、表格
2016-05-18 15:44
639 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>HTML</title> </head> <body bgcolor="#FFCCFF" topmargin="100" leftmargin="100" text="#0066FF"> <a name="top"></a>今天 天气 不错,还得上课!<br /> <br /> <font color="#000000" size="+1"> 格式控制标签:<br /> <b> 文字加粗方式1:b标签</b><br /> <strong>文字加粗方式2:strong标签</strong><br /> <i>文字倾斜方式1:i标签</i><br /> <em>文字倾斜方式2:em标签</em><br /> <u>文字加下划线:u标签</u> 1234<center>居中标签:center标签(若前后有其他,执行前后换行,保证自身是一个整体,然后居中显示)</center>5678<br /> 内容容器标签:<br /> 123<p>段落标签:p标签(默认前后若有其他,执行前后换行,并且空开一行,保证自身是一个整体)</p>456 <h1>标题格式标签:h1~h6标签</h1> <h2>重要性依次减小</h2> <h3>前后若有其他,执行前后换行,并且空开一行,保证自身是一个整体</h3> <h4>是在默认大小基础上增加或减小多少个尺寸</h4> <h5>123</h5> <h6>123</h6> <div style="background-color:#F00">div层标签(占一整行)</div> <span style="background-color:#0F0">span层标签(占自用空间)</span> <ol>ol,有序列表 <li>默认自带序号</li> <li>自动换行</li> <li>前后若有其他,执行前后换行,并且空开一行,保证自身是一个整体</li> </ol> <ul>ul,无序列表 <li>默认不自带序号</li> <li>自动换行</li> <li>前后若有其他,执行前后换行,并且空开一行,保证自身是一个整体</li> </ul> <a href="http://www.baidu.com/" target="_blank">百度一下</a> <br /> <a href="#top">返回最顶端</a> <br /> <img / src="$9E]97HPZS$JQWVOYE0VF)1.png" width="200" title="这是一只兔子" alt="rabbit"> <a href="http://www.qq.com" target="new"><img / src="$9E]97HPZS$JQWVOYE0VF)1.png" width="200" title="这是一只兔子" alt="rabbit"></a> </font> <br /><br /> <table align="center" width="480" height="90" border="1" cellpadding="0" cellspacing="0"> <tr align="center" bgcolor="#999999"> <td width="120"><a href="http://www.autohome.com" target="_blank">汽车之家</a></td> <td width="120">易车网</td> <td width="120">太平洋汽车</td> <td rowspan="2">新浪汽车</td> </tr> <tr align="center"> <td>58同城</td> <td>百姓网</td> <td>赶集网</td> </tr> <tr align="center"> <td>淘宝</td> <td colspan="2" bgcolor="#FF00FF">天猫</td> <td>聚美优品</td> </tr> </table> </body> </html>
![](https://images2015.cnblogs.com/blog/894738/201605/894738-20160518154315419-1551387158.png)
![](https://images2015.cnblogs.com/blog/894738/201605/894738-20160518154326013-1738022857.png)
![](https://images2015.cnblogs.com/blog/894738/201605/894738-20160518154352482-1130471135.png)
![](https://images2015.cnblogs.com/blog/894738/201605/894738-20160518154400935-1861416466.png)
相关文章推荐
- Intellij idea liveTemplate,方法,类,Html 自定义注释
- HTML meta标签详解
- [Repost]Custom Elements defining new elements in HTML
- HTML img.src图片不存在,则显示另一张图片
- html常用标签
- taglib-html:浏览器会自动解析
- HTML中让边框变成圆形并且带有阴影
- HTML、XHTML XML和DHTML的区别
- MVC HtmlHelper用法大全
- html中让背景完全填充容器
- XML与 HTML
- C#去掉HTML标记
- htmlcleaner 使用示例.
- html书签文件去重
- Make Notepad++ auto close HTML/XML tags after the slash(the Dreamweaver way)
- XHTML介绍
- HTML输入框,下拉框只读
- html程序遵循的一些规范
- [w3schools提供的HTML系列教程]HTML介绍
- html数值计算计算