HTML标签

总览

标签 						描述
<!--...--> 			定义注释
<!DOCTYPE> 			定义文档类型
<a> 				定义超文本链接
<abbr> 				定义缩写
<acronym> 			定义只取首字母的缩写,不支持HTML5
<address> 			定义文档作者或拥有者的联系信息
<applet> 			HTML5中不赞成使用。定义嵌入的 applet。
<area> 				定义图像映射内部的区域
<article>New 		定义一个文章区域
<aside>New 			定义页面的侧边栏内容
<audio>New 			定义音频内容
<b> 				定义文本粗体
<base> 				定义页面中所有链接的默认地址或默认目标。
<basefont> 			HTML5不支持,不赞成使用。定义页面中文本的默认字体、颜色或尺寸。
<bdi>New 			允许您设置一段文本,使其脱离其父元素的文本方向设置。
<bdo> 				定义文字方向
<big> 				定义大号文本,HTML5不支持
<blockquote> 		定义长的引用
<body> 				定义文档的主体
<br> 				定义换行
<button> 			定义一个点击按钮
<canvas>New 		定义图形,比如图表和其他图像,标签只是图形容器,您必须使用脚本来绘制图形
<caption> 			定义表格标题
<center> 			HTML5不支持,不赞成使用。定义居中文本。
<cite> 				定义引用(citation)
<code> 				定义计算机代码文本
<col> 				定义表格中一个或多个列的属性值
<colgroup> 			定义表格中供格式化的列组
<command>New 		定义命令按钮,比如单选按钮、复选框或按钮
<datalist>New 		定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。
<dd> 				定义定义列表中项目的描述
<del> 				定义被删除文本
<details>New 		用于描述文档或文档某个部分的细节
<dfn> 				定义定义项目
<dialog>New 		定义对话框,比如提示框
<dir> 				HTML5不支持,不赞成使用。定义目录列表。
<div> 				定义文档中的节
<dl> 				定义列表详情
<dt> 				定义列表中的项目
<em> 				定义强调文本
<embed>New 			定义嵌入的内容,比如插件。
<fieldset> 			定义围绕表单中元素的边框
<figcaption>New 	定义<figure> 元素的标题
<figure>New 		规定独立的流内容(图像、图表、照片、代码等等)。
<font> 				HTML5不支持,不赞成使用。定义文字的字体、尺寸和颜色。
<footer>New 		定义 section 或 document 的页脚。
<form> 				定义了HTML文档的表单
<frame> 			定义框架集的窗口或框架
<frameset> 			定义框架集
<h1> to <h6> 		定义 HTML 标题
<head> 				定义关于文档的信息
<header>New 		定义了文档的头部区域
<hr> 				定义水平线
<html> 				定义 HTML 文档
<i> 				定义斜体字
<iframe> 			定义内联框架
<img> 				定义图像
<input> 			定义输入控件
<ins> 				定义被插入文本
<kbd> 				定义键盘文本
<keygen>New 		规定用于表单的密钥对生成器字段。
<label> 			定义 input 元素的标注
<legend> 			定义 fieldset 元素的标题。
<li> 				定义列表的项目
<link> 				定义文档与外部资源的关系
<map> 				定义图像映射
<mark>New 			定义带有记号的文本。请在需要突出显示文本时使用 <m> 标签。
<menu> 				不赞成使用。定义菜单列表。
<meta> 				定义关于 HTML 文档的元信息。
<meter>New 			定义度量衡。仅用于已知最大和最小值的度量。
<nav>New 			定义导航链接的部分
<noframes> 			定义针对不支持框架的用户的替代内容。HTML5不支持
<noscript> 			定义针对不支持客户端脚本的用户的替代内容。
<object> 			定义内嵌对象
<ol> 				定义有序列表。
<optgroup> 			定义选择列表中相关选项的组合。
<option> 			定义选择列表中的选项。
<output>New 		定义不同类型的输出,比如脚本的输出。
<p> 				定义段落。
<param> 			定义对象的参数。
<pre> 				定义预格式文本。
<progress>New 		定义运行中的进度(进程)。
<q> 				定义短的引用。
<rp>New 	<rp> 	标签在 ruby 注释中使用,以定义不支持 ruby 元素的浏览器所显示的内容。
<rt>New 	<rt> 	标签定义字符(中文注音或字符)的解释或发音。
<ruby>New 	<ruby>  标签定义 ruby 注释(中文注音或字符)。
<s> 				不赞成使用。定义加删除线的文本。
<samp> 				定义计算机代码样本。
<script> 			定义客户端脚本。
<section>New 	<section> 标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。
<select> 			定义选择列表(下拉列表)。
<small> 			定义小号文本。
<source>New 	<source> 标签为媒介元素(比如 <video> 和 <audio>)定义媒介资源。
<span> 				定义文档中的节。
<strike> 			HTML5不支持,不赞成使用。定义加删除线文本。
<strong> 			定义强调文本。
<style> 			定义文档的样式信息。
<sub> 				定义下标文本。
<summary>New 	<summary> 标签包含 details 元素的标题,"details" 元素用于描述有关文档或文档片段的详细信息。
<sup> 				定义上标文本。
<table> 			定义表格。
<tbody> 			定义表格中的主体内容。
<td> 				定义表格中的单元。
<textarea> 			定义多行的文本输入控件。
<tfoot> 			定义表格中的表注内容(脚注)。
<th> 				定义表格中的表头单元格。
<thead> 			定义表格中的表头内容。
<time>New 			定义日期或时间,或者两者。
<title> 			定义文档的标题。
<tr> 				定义表格中的行。
<track>New 	<track> 标签为诸如 video 元素之类的媒介规定外部文本轨道。
<tt> 				定义打字机文本。
<u> 				不赞成使用。定义下划线文本。
<ul> 				定义无序列表。
<var> 				定义文本的变量部分。
<video>New 	<video> 标签定义视频,比如电影片段或其他视频流。
<wbr>New 			规定在文本中的何处适合添加换行符。

详解

div

  • 标签定义 HTML 文档中的一个分隔区块或者一个区域部分。

实例:

<p>这是一些文本。</p>

<div style="color:#0000FF">
  <h3>这是一个在 div 元素中的标题。</h3>
  <p>这是一个在 div 元素中的文本。</p>
</div>

<p>这是一些文本。</p>

94

h1 - h6

  • 用来定义 HTML 标题。

实例:

<h1>这是标题 1</h1> 
<h2>这是标题 2</h2> 
<h3>这是标题 3</h3> 
<h4>这是标题 4</h4> 
<h5>这是标题 5</h5> 
<h6>这是标题 6</h6>

95

span

  • span 用于对文档中的行内元素进行组合

  • span标签没有固定的格式表现。当对它应用样式时,它才会产生视觉上的变化。如果不对 span 应用样式,那么 span 元素中的文本与其他文本不会任何视觉上的差异。

  • span 标签提供了一种将文本的一部分或者文档的一部分独立出来的方式。

实例:

<p>我的母亲有 <span style="color:blue;font-weight:bold">蓝色</span> 的眼睛,我的父亲有 <span style="color:darkolivegreen;font-weight:bold">碧绿色</span> 的眼睛。</p>

92

a

实例:

<a href="http://www.runoob.com">访问教程!</a>

li

  • li 标签定义列表项目。
  • 一个有序列表 (ol) 和 一个无序列表 (ul)

实例:

<p>有序列表:</p>
<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

<p>无序列表:</p>
<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

93

  • 定义导航链接的部分。

实例:

<nav>
  <a href="/html/">HTML</a> |
  <a href="/css/">CSS</a> |
  <a href="/js/">JavaScript</a> |
  <a href="/jquery/">jQuery</a>
</nav>

96

time

  • 定义公历的时间(24 小时制)或日期,时间和时区偏移是可选的。
  • 该元素能够以机器可读的方式对日期和时间进行编码,这样,举例说,用户代理能够把生日提醒或排定的事件添加到用户日程表中,搜索引擎也能够生成更智能的搜索结果。
<p>我们在每天早上 <time>9:00</time> 开始营业。</p>
 
<p>我在 <time datetime="2016-02-14">情人节</time> 有个约会。</p>

97

section

义了文档的某个区域。比如章节、头部、底部或者文档的其他区域。

<section>
  <h1>WWF</h1>
  <p>The World Wide Fund for Nature (WWF) is an international organization working on issues regarding the conservation, research and restoration of the environment, formerly named the World Wildlife Fund. WWF was founded in 1961.</p>
</section>

<section>
  <h1>WWF's Panda symbol</h1>
  <p>The Panda has become the symbol of WWF. The well-known panda logo of WWF originated from a panda named Chi Chi that was transferred from the Beijing Zoo to the London Zoo in the same year of the establishment of WWF.</p>
</section>

98

  • 定义文档或者文档的一部分区域的页眉。

  • 作为介绍内容或者导航链接栏的容器。

<article>
    <header>
        <h1>Internet Explorer 9</h1>
        <p><time pubdate datetime="2011-03-15"></time></p>
    </header>
    <p> Windows Internet Explorer 9(缩写为 IE9 )是在2011年3月14日21:00发布的</p>
</article> 

99

用于定义文档的头部,它是所有头部元素的容器。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文档标题</title>
</head>
 
<body>
文档内容......
</body>
 
</html>

101

i

  • 定义与文本中其余部分不同的部分,并把这部分文本呈现为斜体文本。

  • 标签被用来表示科技术语、其他语种的成语俗语、想法、宇宙飞船的名字等等。

<p>He named his car <i>The lightning</i>, because it was very fast.</p>

100

dl dt dd

  • dl 定义一个描述列表
  • dt 标签定义一个描述列表的项目/名字。
  • dd 描述每一个项目/名字
<dl>
  <dt>Coffee</dt>
  <dd>Black hot drink</dd>
  <dt>Milk</dt>
  <dd>White cold drink</dd>
</dl>

120

评论

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×