HTML标签整理（更新中）

sublime使用的小技巧

安装了自动补全代码工具之后

• sublime中新建HTML文件并保存，输入html:5再按Tab-自动补全或输入!再按Tab自动补全HTML结构
• 输入标签名再按Tab自动补全标签
• 按住滚轮往下拖可以处理多行代码

基本标签

标签	描述
<base></base>	定义页面所有超链接
</br>	换行
</hr>	水平分割线
<hn></hn>	标题(n的值可以是1~6，值越大字体越小)
<p></p>	段落标签
<div></div>	块级标签
<span></span>	用来组合文档中的行内元素
<strong></strong>	加粗，有语义
<em></em>	斜体，有语义
<del></del>	删除线，有语义
<b></b>	下划线，有语义
<b></b>	加粗
<i></i>	斜体
<s></s>	删除线
<u></u>	下划线

需要记忆属性的一些标签

标签	属性	描述
<img/>	src,alt,title,border,width,height	插入图片
<a></a>	href,target(_self,_blank))	插入超链接
<ul></ul>	<li></li>	插入无序列表
<ol></ol>	<li></li>	插入有序列表
<dl></dl>	<dt></dt>,<dd></dd>	插入自定义列表

特殊符号代码

符号	HTML代码
空格符	 
<	&lt;
>	&gt;
版权©	&copy;
和号&	&amp;
人民币	&yen;
注册商标®	&reg;
商标™	&trade;
摄氏度	&deg;
乘号	&times;
除号	&divide;
平方2	&sup2;
立方3	&sup3;

路径

若需要链接到当前路径的图片

<img src="hello.html"/>

若需要链接到当前路径的文件夹里面的图片

<img src="hello/hello.html"/>

若需要链接到当前路径上一个文件夹中的图片

<img src="../hello.html"/>