HTML常用标签大全及html标签的特点
发布时间：2015-11-19 15:51:23 作者：佚名 
我要评论
我要评论本篇文章给大家整理些关于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> | 用于列出一段程序代码 |
相关文章
HTML与XHTML、以及HTML4与HTML5标签之间的区别简介
这篇文章主要介绍了HTML与XHTML、以及HTML4与HTML5标签之间的区别,是网页前端编程入门学习中的基础知识,需要的朋友可以参考下2015-11-07- HTML5引入的新标签有一些有趣的属性，例如poster、autofocus、onerror、formaction、oninput，这些属性都可以用来执行javascript，这会导致XSS和CSRF跨域请求伪造。对这方2015-09-27
- 这篇文章主要介绍了HTML5中audio标签的使用,在各浏览器中添加音频播放控件,需要的朋友可以参考下2015-09-24
- 这篇文章主要介绍了详解HTML5中ol标签的用法,是HTML5入门学习中的基础知识,需要的朋友可以参考下2015-09-08
- 这篇文章主要介绍了详解HTML的style标签以及相关的CSS引用,是HTML和CSS入门学习中的基础知识,需要的朋友可以参考下2015-08-27
- 这篇文章主要介绍了详解HTML的input标签及其禁用方法,归纳了几种CSS中使用disabled属性实现禁用的方法,需要的朋友可以参考下2015-08-05
- 这篇文章主要介绍了HTML中Li标签的使用示例,主要用来让文章标题和日期等左右对齐,需要的朋友可以参考下2015-07-13
HTML5 video标签（播放器）学习笔记（二）:播放控制
这篇文章主要介绍了HTML5 video标签（播放器）学习笔记（二）:播放控制,本文讲解了获取影片总时长、播放、暂停、获取影片的播放时间和设置播放点、音量的获取和设置等内容,2015-04-24- 这篇文章主要介绍了HTML页面中添加Canvas标签示例,本文直接给出示例代码,并讲解了一些重要属性和js访问方法,需要的朋友可以参考下2015-01-01
- 标签提供关于HTML文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。它可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务2014-12-27
最新评论