标签：
HTML
HTML:
是超文本语言标记语言(HyperText Markup Language)；是一种纯文本类型的语言；后缀(.html/.htm)；由浏览器解释运行。
标记：
封闭类标记：<div></div>,<p></p>,<del></del>，<h1></h1>......
非封闭标记：<br/>,<input/>,<img/>,<nobr/> ,<hr/>......
XHTML中元素必须关闭，空标记也要关闭
注释：<!-- content -->
注释不可嵌套与其他注释中，注释不可嵌套在<>中
文本样式：
<i></i>:倾斜；<b></b>:加粗；<u></u>:下划线；<s></s>删除线<sup></sup>:上标；<sub></sub>:下标；
<del></del>:删除线；<em></em>:倾斜；<strong></strong>:着重标记
<pre>预格式化
html：
<pre>
白日依山尽，
黄河入海流。
欲穷千里目，
更上一层楼。
<pre>
页面显示：
白日依山尽，
黄河入海流。
欲穷千里目，
更上一层楼。
<img>图像
JPEG:采用有损压缩算法，压缩比较大
GIF:使用256色的方法来压缩图像，色彩有较大的失真.主要用于线条为主的图，或图像面幅小，支持动画和透明图像
PNG:无损压缩，有8位、24位、32位三种形式
支持透明色(PNG24位不支持)，不支持动画；显示的达1670万种
<img src="route"> 必须属性：src ； 常用属性：width height;
<!--图像宽高比例不对时，图像会失真，只定义一个属性，图片会等比缩放-->
<a>链接表现形式
目标文档为下载资源：<a href="DAY02.zip">下载</a>
电子邮件链接：<a href="mailto:tarena@tarena.com.cn">联系我们</a>
返回页面顶部的空连接：<a href="#">返回顶部</a>
链接到JavaScript: <a href="javascript:...">JS功能</a>
死链接： <a href="javascript:void(0)"></a>
空连接： <a href="javascript:void(NULL)"></a>
锚点：是文档中某行的一个记号，用于链接到文档中的某个位置
使用方法：
定义锚点：<a href="anchorname">锚点一</a>
链接到锚点：在锚点前+“#”
<a href="#anchorname">...</a> —— 文本/图像与锚点在同一页面
<a href="页面URL#anchorname">...</a> —— 文本/图像与锚点不在同一页面
eg：<a name="here"></a> -- 定义锚点
<br/><br/>.....
<a href="#here">return to here</a> -- 使用链接，导航到锚点
<!--锚点链接：用name属性为a标记命名后，可在href里只链接的目标命名过的a标记，也可为ID-->
<p>
<a href="#poem">跳转到诗</a>
<a href="#poem">跳转到哥</a>
</p>
...
<p> <a name="poem">这是一首诗</a></P>
...
<p><a id="song">这是一首歌</a></p>
<table>表格
定义表格：<table></table> 行<tr></tr> 列<td></td>
table属性：width， height， align (left/right/center) ，border，cellpadding(内边距)，cellspacing(外边框，单元格间的距离)，bgcolor(表格背景)
tr属性：align， valign(top/middle/bottom)
td属性：align，valign，width，height，colspan(跨列)，rowspan(跨行)
表格标题：<caption></caption>,紧随table后，只可以定义一个标题（默认情况下，标题将在表格上方居中显示）
行分组：表头<thead> 主体<tbody> 表尾<tfoot>
不规则表格：设置单元格td的跨行或跨列属性
跨行：colspan 水平延伸单元格，值为一正整数，单元格水平延伸的单元格数；
跨列：rowspan 垂直延伸单元格，值为一正整数，单元格垂直延伸的单元格数。
表单嵌套:<td>元素中在包含<table>元素
列表
作用：具有相似或心啊后顺序的几行文字进行对齐排列
列表类型：有序列表<ol>和无序列表<ul>
<ol>元素中只能包含列表项元素<li>
<ol type="列表项类型" start="起始编码">
<li>..</li>
<li>..</li>
...
</ol>
type属性L：1.数字（默认） 2.a 小写字母 3.A 大写字母 4.i 小写罗马数字 5.I 大些罗马数字
eg: <ol type="A" start=3>
<li>列表一</li> C.列表一
<li>列表二</li> 显示 --> D.列表二
<li>列表三</li> E.列表三
</ol>
<ul>元素中只能包含具体的列表项元素
type=disc(实心圆，默认) circle(空心圆) square(实心矩形)
定义列表
<dl>定义一个定义列表 <dt>定义列表中一个术语 <dd>对术语提供定义
eg：<dl>
<dt>计算机</dt>
<dd>计算机是用来计算的仪器......</dd>
<dt>显示屏</dt>
<dd>以视觉方式显示信息的设备......</dd>
</dl>
标签：
原文地址：http://www.cnblogs.com/zmr2520/p/5029853.html
