您的位置：首页 > Web前端 > HTML

html常用标签及说明

2015-02-16 19:23 225 查看

HTML标记被称为HTML标签，HTML标签是HTML语言中最基本的单位，也是HTML最重要的组成部分。

HTML标签的特点有：

·HTML标签是由一对尖括号包围的关键字，如：<html>

·标签通常成对出现，如：<p></p>

·标签中的第一个标签是开始标签，第二个是结束标签（开始标签和结束标签也通常称为开放标签和闭合标签）

·标签中也有单独呈现的标签，即没有闭合标签，又可称为无内容元素，无内容元素是一种不能包含任何内容的特殊元素（HTML中没有相应结束标签的标签有：<br> <hr> <img> <input> <link> <meta> <area>
base> <basefont> <col> <frame> <param> <command> <embed> <wbr> <source> 等，关于无内容元素的详细说明点击打开链接）

·一般成对出现的标签，其内容在两个标签中间。单独呈现的标签，则在标签属性中赋值。如：<p>段落内容</p>和 <input type="text" value="按钮" />。

必备标签：

<!DOCTYPE>:指定HTML文档遵循的文档类型定义

<html> </html>:表示该文档为HTML文档（技术上来说，该标签在<!DOCTYPE>标签后显得多余，但对于不支持<!DOCTYPE>的旧式浏览器来说，它是必需的）

<head> </head>:两个标签中包含文档的标题，文档使用的脚本，样式定义和文档名信息，还可以包含搜索工具和索引程序需要的其他信息的标签

<title> </title>:标签包含文档的标题

<body> </body>:放置要在访问者浏览器中显示信息的所有标签和属性

文字的修饰：

<b> </b>:标签规定粗体文本

<strong> </strong>:标签表示重要文本（显示为粗体，语气上表示强烈的强调）

<em> </em>:标签表示强调的文本（显示为斜体，语气上表示一般的强调。当引用新的术语、引用特定类型的术语或概念作为固定样式时，也可采用<em>标签）

<mark> </mark>:表示标注的或突出显示的文本（是HTML5的标签，显示为文本带有突出的记号）

<i> </i>:显示斜体文本效果

<cite>:标签定义作品（比如书籍、歌曲、电影、电视节目、绘画、雕塑等等）的标题（显示为斜体）

<sup> /<sup>:标签定义上标文本（标签中的内容将会以当前文本流中字符高度的一半来显示，但是与当前文本流中文字的字体和字号都是一样的）

<sub> </sub>:标签定义下=下标文本（同<sup>）

<big> </big>:呈现大号字体效果（如果字体已经是最大号，则该标签没有效果）

<small> </small>:呈现小号字体效果（如果字体已经是最小号，则该标签没有效果）

<address> </address>:标签定义文档作者/拥有者的联系信息（显示为斜体）

<tt> </tt>:标签呈现类似打字机或者等宽的文本效果

<code> </code>:标签用于表示计算机源代码或者其他机器可以阅读的文本内容（在文章中一般如果要插入多行代码时不使用<code>标签，而是使用<pre>标签）

<samp> </samp>:标签表示一段用户应该对其没有什么其他解释的文本字符

<kbd> </kbd>:标签定义键盘文本（表示由键盘输入的文字）

<var> </var>:标签表示变量的名称，或者由用户提供的值（显示为斜体，标签经常与 <code> 和 <pre> 标签一起使用，用来显示计算机编程代码范例及类似方面的特定元素）

<rt> </rt>:标签定义字符（中文注音或字符）的解释或发音

段落的排布：

<p> </p>:标签定义段落

<br>:标签插入一个空行（是空标签，即没有结束标签，也可以表示为<br />）

<span> </span>:标签被用来组合文档中的行内元素（span 没有固定的格式表现，只有当对它应用样式时，它才会产生视觉上的变化）

<pre> </pre>:定义预格式化的文本（被包围在pre元素中的文本通常会保留空格和换行符，该标签一个常见应用就是用来表示计算机的源代码）

<div> </div>:可定义文档中的分区或节（<div> 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联）

表格和列表：

<table> </table>:整个表格以<table>标签开始，</table>标签结束（表格在没有添加CSS样式之前，在浏览器中显示是没有表格线的）

<caption> </caption>:为表格添加标题和摘要（摘要的内容是不会在浏览器中显示出来的，它的作用是增加表格的可读性（语义化），使搜索引擎更好的读懂表格内容，还可以使屏幕阅读器更好的帮助特殊用户读取表格内容）

<th> </th>:表格头部的一个单元格,即表格表头（表头中的文本默认为粗体且居中显示）

<tbody> </tbody>:当表格内容非常繁多时，表格会下载一点显示一点，但是加上<tbody>标签后，这个表格就要等表格内容全部下载完才会显示

<tr> </tr>:表格的行，有几对<tr>..</tr>标签表格就有几行

<td> </td>:表格的一个单元格，一行中有几对<td>..</td>，一行中就有几列

<ul> </ul>:标签定义无序列表

<ol> </ol>:标签定义有序列表

<dir> </dir>:标签定义目录列表

<dl> </dl>:标签定义了定义列表

<dt> </dt>:标签定义了定义列表中的项目（即术语部分）

<dd> </dd>:在定义列表中定义条目的定义部分

<menu> </menu>:标签可定义一个菜单列表

<li> </li>:标签定义列表项目（标签可用在有序列表和无序列表中）

其他的标签：

:定义注释

<hx> </hx>:标签定义标题（x取值从1到6）

<hr>:标签添加水平横线（<hr>是空标签，也可表示为<hr />）

<a> </a>:标签实现超链接

<img>:标签，为网页插入图片

<form> </form>:标签用于为用户输入创建 HTML 表单（form 元素是块级元素，其前后会产生折行）

标签的用途：我们学习网页制作时，常常会提到语义化，HTML标签语义化的设计思维其实就是给某块内容用上一个最恰当最合适的标签，标签语义化的好处有很多：

1.更容易被搜索引擎收录

2.更容易让阅读器读出网页内容，同时呈现更容易阅读的内容形式

3.没有样式同时页面结构依然清晰

4.便于后期的开发以及维护，有效提高团队的合作效率

内容参考：http://www.w3school.com.cn/

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： html web 标签

相关文章推荐

新的分享

章节导航