HTML常用标签大全及html标签的特点

时间：2021-05-08

首先要知道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> 用于列出一段程序代码

声明：本页内容来源网络，仅供用户参考；我单位不保证亦不表示资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。如涉及版权问题，请提交至online#300.cn邮箱联系删除。

相关文章