HTML常用标签大全及html标签的特点
首先要知道html标签的一些特点：
1.类似“<关键字>”这样由尖括号包关键字组成，例如<html>,<div>……
2.一般是成对出现的，由开始标签类似“<div>元素内容</div>”，左边标签一边叫开始标签，右边</ >叫结束标签，有始有终，除了一些个别是单闭合标签的
先记一些个别例外的单闭合标签，例如：
<meta />
设置页面信息的
<param />
可为包含它的<object>或<applet>提供参数
<br />
换行
<keygen />
定义生成密钥
<hr />
水平线
<source />
为媒介元素（如<video>或<audio>）定义媒介源
<area />
图像映秀区域
<col />
为表格中一个或多个列定义属性值
<input />
表单元素，type不同输入字段拥有不同形式
<frame />
定义frameset中的一个特定的窗口（框架）
<link />
链接样式表
<embed />
定义嵌入的内容，比如插件
<basefont />
定义基准字体，html5不支持<basefont>标签，不赞成使用
......
下面按不同效果将标签进行分类：
1.字体效果
<h1>…</h1>
标题1（最大）一级级往下字体变小，网页一般从h1~h4，h4之后一般不会用了
<s>…</s>
删除线
<h6>…</h6>
标题6（最小）
<del>…</del>
删除线（表示删除）
<b>…</b>
粗体字
<kbd>…</kbd>
键盘文字
<strong>..</strong>
粗体字（强调）
<tt>…</tt>
打字体
<i>…</i>
斜体字
<xmp>…</xmp>
固定宽度字体（在文件中空白、换行、定位功能有效）
<em>…/em>
斜体字（强调）
<plaintext>…</plaintext>
固定宽度字体（不执行标记符号）
<dfn>...</dfn>
斜体字（表示定义）
<listing>…</listing>
固定宽度小字体
<u>…</u>
底线
<font color=00ff00>…</font>
字体颜色（写成类似color=“#00ff00”也可以）
<ins>...</ins>
底线（表示插入文字）
<font size=1>…</font>
最小字体
<strike>…</strike>
横线
<font style=font-size:100 px></font>
无限增大(字体大小为100px)
2.区断标记
<hr />
水平线
<nobr>…</nobr>
禁止换行，No Break的缩写
<hr size=9 />
水平线（设定大小）
<p>…</p>
段落
<hr width=80% />
水平线（设定宽度）
<center>…</center>
对其包围的文本进行居中设置
<hr color=00ff00 />
水平线（设定颜色）
<br />
换行
3.链接
<base href=地址>
为页面上的所有链接规定默认地址或默认目标
<a href=地址 target=_top></a>
指定超链接目标的 URL(全窗口连接)
<a href=地址></a>
指定超链接目标的 URL
<a href=地址 target=页框名></a>
指定超链接目标的 URL（在指定页框连接）
<a href=地址 target=_blank></a>
指定超链接目标的 URL(另开新窗口)
4.图像/音乐
<img src=图片地址 />
往网页贴图片
<img src=图片地址 border=1 />
设定贴的图片边框
<img src=图片地址 width=180 />
设定贴的图片宽度
<bgsound src=MID音乐文件地址 />
背景音乐设定
<img src=图片地址 height=30 />
设定贴的图片高度
5.表格
<table aling=left>…</table>
表格位置，置左
<table cellpadding=参数>…</table>
指定网格线与网络线之间的距离（使用数字）
<table aling=center>…</table>
表格的位置，置中
<table cols=参数>…</table>
指定表格的栏数
<table background=图片路径>…</table>
背景图片的URL=就是路径网址
<table frame=参数>…</table>
设定表格外边框线的显示方式
<table border=边框大小>…</table>
设定表格边框大小（使用数字）
<table width=宽度>…</table>
指定表格宽度大小（使用数字）
<table bgcolor=颜色码>…</table>
设置表格的背景颜色
<table height=高度>…</table>
指定表格高度大小（使用数字）
<table bordercolor=颜色码>…</table>
设定表格边框的颜色
<td colspan=参数>…</td>
指定储存格合并栏的栏数(使用数字)
<table bordercolordark=颜色码>…</table>
设定表格暗边框的颜色
<td rowspan=参数>…</td>
指定储存格合并列的列数（使用数字）
<table bordercolorlight=颜色码>…</table>
设定表格亮边框的颜色
6.分割窗口
<frameset col=”20%”,*>
左右分割，将左边框架分割大小为20%，右边框架的大小浏览器会自动调整
<comment>…</comment>
加上批注
<frameset rows=”20%,*”>
上下分割，将上面框架分割大小为20%，下面框架的大小浏览器会自动调整
<dd>…</dd>
设定定义列表的项目描述
<frameset cols=”20%,*”>
分割左右两个框架
<dfn>…</dfn>
显示"定义"文字
<frameset cols=”20%,*,20%”>
分割左中右三个框架
<dir>…</dir>
列表文字卷标
<frameset rows=”20%,*,20%”>
分割上中下三个框架
<dl>…</dl>
设定定义列表的卷标
<!--…-->
批注
<dt>...</dt>
定义列表中的项目
<a href target>
指定超级链接的分割窗口
<em>…</em>
强调之用
<a href="#锚的名称>
指定锚名称的超级链接
<font face>
任意指定所用的字形
<a href>
指定超级链接
<font size>
设定字体大小
<a name=锚的名称>
被连结点的名称
<form action>
设定
<address>…</address>
用来显示电子邮箱地址
<b>…</b>
粗体字
<base target>
指定超级链接的分割窗口
<bgsound src>
加入背景音乐
<big>…</big>
呈现大号字体效果
<blink>
显示闪烁的字符串或文字（IE不支持）
<body text link vlink>
设定文字颜色
<body>…</body>
显示本文
<br />
换行
<capition align>
设定表格标题位置
<caption>…</caption>
为表格加上标题
<center>…</center>
对包围的文本进行居中处理，html5不支持此标签
<cite>…<cite>
用于引经据典的文字
<code>…</code>
用于列出一段程序代码
微信扫一扫
支付宝扫一扫
评论列表（0条）