首页>>网站建设>>HTML>>基础教程>>

HTML基础教程（三）标签

发布时间：2019-12-10点击：

HTML标签

HTML文档可以说是由HTML标签组成的，也就是说标签是构成HTML语言的最基本的单位。

一、HTML标签特点

1、由一对尖括号包围的关键词，比如 <html>

2、一般是成对出现的，比如 <div> 和 </div>，也有单独呈现的标签，如：<img src="迷糊馆.jpg" />等。

3、标签对中的第一个标签是开始标签，第二个标签是结束标签；

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

5、网页的内容需在<html>标签中

6、网页最基本的标签需要由<html></html>、<head></head>、<body></body>构成

二、标签列表

HTML5标签	标签作用描述
<!--...-->	定用来存放注释
<!DOCTYPE>	用来定义文档类型。
<a>	用来定义超链接
<abbr>	定义字母的缩写
<acronym>	取首字母的缩写
<address>	定义地址信息。
<area>	定义图像映射内部的区域。
<article>	用来存放文章(HTML5新增标签)
<aside>	用来存放页面内容之外的内容。(HTML5新增标签)
<audio>	存放声音内容(HTML5新增标签)
<b>	将存放在其中的文字变成粗体字
<base>	用来设置页面中所有链接的默认地址或默认目标。
<basefont>	用来设置页面中文本的默认字体、颜色或尺寸。
<bdi>	定义文本的文本方向，使其脱离其周围文本的方向设置。(HTML5新增标签)
<bdo>	用来指定文字方向的
<big>	将存放在其中的内容变为大号文本
<blockquote>	用来存放长的引用
<body>	用来定义HTML文档主体信息
<br>	换行符
<button>	按钮标签
<canvas>	定义图形标签(HTML5新增标签)
<caption>	用来定义表格标题
<center>	将存放在其中的文字居中
<cite>	定义引用
<code>	用来存放计算机代码块的
<col>	用来设置表格中一个或多个列的属性值。
<colgroup>	表格中供格式化的列组。
<command>	命令按钮标签(HTML5新增标签)
<datalist>	定义下拉列表。(HTML5新增标签)
<dd>	定义定义列表中项目的描述。
<del>	定义被删除文本。
<details>	定义元素的细节。(HTML5新增标签)
<dir>	存放目录列表。
<div>	用来存放文档中的节点，一般当做容器使用
<dfn>	项目标签
<dialog>	对话框(HTML5新增标签)
<dl>	列表的一种
<dt>	<dl>列表中的项目
<em>	强调文本内容
<embed>	外部交互内容或插件(HTML5新增标签)
<fieldset>	围绕表单中元素的边框
<figcaption>	figure 元素的标题(HTML5新增标签)
<figure>	媒介内容的分组，以及它们的标题(HTML5新增标签)
<font>	字体颜色大小等相关设置
<footer>	页脚标签(HTML5新增标签)
<form>	用来存放用户输入等相关的表单
<frame>	框架
<frameset>	框架的子节点
<h1> ~ <h6>	用来强调标题的
<head>	用来存放文档的头部信息
<header>	页眉(HTML5新增标签)
<hr>	水平分割线
<html>	定义 HTML 文档。
<i>	斜体字
<iframe>	内联框架
<img>	图片标签
<input>	输入框
<ins>	被插入文本
<kbd>	生成键盘样式的文本
<keygen>	生成密钥(HTML5新增标签)
<label>	标签
<legend>	fieldset 元素的标题
<li>	<ul>列表的项目
<link>	文档与外部资源的关系
<map>	图像映射
<mark>	给文本做记号(HTML5新增标签)
<menu>	命令的列表或菜单
<menuitem>	用户可以从弹出菜单调用的命令/菜单项目
<meta>	HTML 文档的元信息
<meter>	预定义范围内的度量(HTML5新增标签)
<nav>	导航栏标签(HTML5新增标签)
<noframes>	定义针对不支持框架的用户的替代内容
<noscript>	定义针对不支持客户端脚本的用户的替代内容。
<object>	内嵌对象
<ol>	有序列表
<optgroup>	选择列表中相关选项的组合
<option>	下拉框中的选项
<output>	输出的一些类型(HTML5新增标签)
<p>	段落
<param>	定义对象的参数
<pre>	带格式的文本
<progress>	定义任何类型的任务的进度(HTML5新增标签)
<q>	短的引用
<rp>	定义若浏览器不支持 ruby 元素显示的内容(HTML5新增标签)
<rt>	定义 ruby 注释的解释(HTML5新增标签)
<ruby>	定义 ruby 注释(HTML5新增标签)
<s>	定义加删除线的文本
<samp>	定义计算机代码样本
<script>	定义脚本
<section>	定义 section(HTML5新增标签)
<select>	下拉列表
<small>	定义小号文本
<source>	定义媒介源(HTML5新增标签)
<span>	一般被用作容器，与div类似
<strike>	定义加删除线文本
<strong>	定义强调文本
<style>	定义文档的样式信息。
<sub>	定义下标文本
<summary>	为 <details> 元素定义可见的标题(HTML5新增标签)
<sup>	定义上标文本
<table>	定义表格
<tbody>	定义表格中的主体内容
<td>	定义表格中的单元
<textarea>	定义多行的文本输入控件
<tfoot>	定义表格中的表注内容（脚注）
<th>	定义表格中的表头单元格
<thead>	定义表格中的表头内容
<time>	定义日期/时间(HTML5新增标签)
<title>	定义文档的标题
<tr>	定义表格中的行
<track>	定义用在媒体播放器中的文本轨道(HTML5新增标签)
<tt>	定义打字机文本
<u>	定义下划线文本
<ul>	定义无序列表
<var>	定义文本的变量部分
<video>	定义视频(HTML5新增标签)
<wbr>	定义可能的换行符(HTML5新增标签)
<xmp>	定义预格式文本