HTML常用标签大全及html标签的特点-巨人网络通讯

主页 > 知识库 > HTML常用标签大全及html标签的特点

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>	用于列出一段程序代码