36个重要的HTML标签(2)_电脑爱好者之家

#e#
8. <button> ：定义按钮

button标签是成对出现的，以<button>开始，</button>结束
可以定义比input内容更丰富的按钮。
属性：
- Common — 一般属性
- accesskey — 快捷键访问方式
- disabled — 禁止使用
- name — 标签名称
- tabindex — 使用”Tab”键的遍历顺序
- type — 按钮类型
  - button — 普通按钮
  - reset — 重置窗体按钮
  - submit — 提交按钮
- value — 通过窗体传递到服务器端的数据
button是push button的意思，按钮

button标签示例：
<button type=”submit”>提交</button>
一个使用文字的普通的提交按钮
<button type=”reset”> 从<strong>任鸟飞</strong>提交窗体 </button>
改变按钮内加重文字的button标签
<button type=”button”> <img src=”renniaofei.png” alt=”提交” /></button>
说明：使用图片的button标签，注意有alt的提示文字。
9. <caption>：HTML表格的标题

caption标签是成对出现的，以<caption>开始。</caption>结束
属性：
- Common — 一般属性
caption:标题

示例：
<table width=”80%”> <caption> 域名数量介绍 < /caption> <tr> < th>www.renniaofei.com</th> < th>.com域名的数量</th> <th>.cn域名的数量</th> < th>.net域名的数量</th> </tr> <tr> < td>2003年</td> <td>1000</td> < td>2000</td> <td>3000</td> </tr> < tr> <td>2004年</td> <td>4000</td> <td>5000</td> <td>6000</td> </tr> < tr> <td>2005年</td> <td>7000</td> <td>8000</td> <td>9000</td> </tr> < /table>
说明：

caption标签可以为表格提供一个描述，和图像的说明alt比较类似.默认情况下，浏览器显示表格标题在表格的上方。
CSS里的caption-side属性用来控制表格标题显示的位置。

10. <cite>引用

cite标签是成对出现的，以<cite>开始，以</cite>结束
属性：
- Common — 一般属性
- cite — 引用内容的URI
cite是citation的缩写

示例：
<cite cite=”http://www.renniaofei.com/”>一步步的教我学会HTML与XHTML</cite>
11. <col> 可以对HTML表格结构化分区后的一个或几个区域使用同样的样式行

col标签是单独出现的，<col />
属性：
- Common — 一般属性
- span — 定义一个col跨越的列数,默认值为1

12. <colgroup>表示对HTML表格进行结构化的分区,在此分区中可以通过使用col定义每列表格的样式

colgroup标签是成对出现的，以<colgroup>开始，以</colgroup>结束
属性：
- Common — 一般属性
- span — 定义一个colgroup跨越的列数,默认值为1

13. <dd>代表HTML自定义列表描述

dd标签是成对出现的，,以<dd>开始，</dd>结束
属性：
- Common — 一般属性
dd是definition description的缩写

14. del 标签 — 定义被删除的文本

del标签是成对出现的,以<del>开始，</del>结束
del通常应连同ins标签一同使用，表示被删除与被插入的文本
通过del与ins定义文档可以帮助了解文档内容的修改过程，利于多人编辑系统
使用del定义的文本通常带有删除线
属性：
- Common — 一般属性
- cite — 引用网址，定义为何删除的引用网址
- datetime — 删除的时间与日期
- title — 定义删除的目的或提示
del是deleted text的缩写，删除文本

del标签示例：
<p>任鸟飞网页设计网址 <del title=”del url” cite=”http://www.renniaofei.com/”> http://www.renniaofei.com/ < /del> <ins>http://www.renniaofei.com/</ins> ，原先 <del>http://www.renniaofei.com/</del> 网址已经删除。 </p>
15. <dir> 定义多层目录列表

不符合标准网页设计的理念，不赞成使用.
dir标签是成对出现的，以<dir>开始，</dir>结束
属性：
- Common — 一般属性
dir是directory lists的缩写，目录列表

16. <dfn> – 定义标签

dfn标签是成对出现的，以<dfn>开始，以</dfn>结束
属性：
- Common — 一般属性
dfn是defining instance的缩写

示例： <dfn>任鸟飞</dfn>网页设计网!
17. <dl> 代表HTML自定义列表

dl标签是成对出现的，以<dl>开始，</dl>结束
自定义列表的开始使用<dl>标签，列表中每个元素的标题使用<dt>(definition term)定义，后面跟随<dd>(definition description)用于描述列表中元素的内容.
属性：
- Common — 一般属性
dl是definition lists的英文缩写

示例：
<dl> <dt>www</dt> <dd>World Wide Web的缩写.</dd> <dt>renniaofei</dt> < dd>任鸟飞</dd> <dd>www的:).</dd> < dt>com</dt> <dt>com.cn</dt> < dt>cn</dt> <dd>这都是域名的后缀.</dd> </dl>
说明：
不一定每个dt标签要对应一个dd，可以一对多或多对一(就像上面的例子)
(责任编辑：熊猫蜀黍)

搜索

热门标签:

36个重要的HTML标签(2)