电脑爱好者之家移动版

主页 > 开发资料 > 网页设计教程 >

36个重要的HTML标签(2)

时间:2012-12-12 13:24  来源:未知   作者:熊猫蜀黍   点击:次

#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，可以一对多或多对一(就像上面的例子)
(责任编辑：熊猫蜀黍)
最近关注
热点内容