电脑爱好者之家

当前位置: 主页 > 开发资料 > 网页设计教程 >

36个重要的HTML标签(3)

时间:2012-12-12 13:24来源:未知 作者:熊猫蜀黍 点击:
#e# 18. dt 代表 HTML 自定义列表组 dt标签是成对出现的,以dt开始,/dt结束 属性: Common 一般属性 dt是definition term的缩写 19. em 强调标签 em标签是成对出现的,以em开始,以/em结束 属性: Common 一般属性
#e#
18. <dt>代表HTML自定义列表组
  • dt标签是成对出现的,以<dt>开始,</dt>结束
  • 属性:
    • Common — 一般属性
  • dt是definition term的缩写
19. <em> 强调标签
  • em标签是成对出现的,以<em>开始,以</em>结束
  • 属性:
    • Common — 一般属性
  • em是emphasis的缩写
示例: 强调一下,<em>不要</em>和我开玩笑!
20. <ins> 定义被插入的文本
  • ins标签是成对出现的,以<ins>开始,</ins>结束
  • ins通常应连同del标签一同使用,表示被插入与被删除的文本
  • 通过ins与del定义文档可以帮助了解文档内容的修改过程,利于多人编辑系统
  • 使用ins定义的文本通常带有下划线
  • 属性:
    • Common — 一般属性
    • cite — 引用网址,定义为何插入的引用网址
    • datetime — 插入的时间与日期
    • title — 定义插入的目的或提示
  • ins是inserted text的缩写,插入文本
ins标签示例:
<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>
21. <kbd>标签表明使用者输入的文字
  • kbd标签是成对出现的,以<kbd>开始,以</kbd>结束
  • 属性:
    • Common — 一般属性
示例: To exit, type <kbd>QUIT</kbd>.
22. <map>定义图像点击区域的集合
  • map标签是成对出现的,以<map>开始,</map>结束
  • map标签必须配合area标签使用
  • map标签中name与id属性指定的值必须与定义图像点击区中图像(img)的usemap属性指定的值一致
  • 属性
    • Common — 一般属性
    • id — 定义map的名称。
    • name — 定义map的名称。
  • map是client-side image map的意思
map标签示例:
<img src=”http://www.renniaofei.com/images/logo.png” usemap=”#Map” /> <map name=”Map” id=”Map”> <area shape=”rect” coords=”35,29,135,99〃 href=”#” /> <area shape=”circle” coords=”243,78,44〃 href=”#” /> <area shape=”poly” coords=”120,137,195,154,135,207〃 href=”#” /> </map>
23. <menu> 定义菜单列表
  • 不符合标准网页设计的理念,不赞成使用。
  • menu标签是成对出现的,以<menu>开始,</menu>结束
  • 属性
    • Common — 一般属性
  • menu:菜单
24. <noframes>对不支持框架的设备进行提示
  • noframes标签是成对出现的,以<noframes>开始,</noframes>结束
  • 由于frameset内不能包含body标签,因此noframes内部必须包含body标签
示例
<frameset cols=”50%,25%,25%”> <frame src=”http://www.renniaofei.com/category/design/”> <frame src=”http://www.renniaofei.com/graphics/”> <frame src=”http://www.renniaofei.com/inspiration/”> <noframes> <body> < p>任鸟飞网页设计网使用了框架技术,但是您的浏览器不支持框架,请升级您的浏览器以便正常访问。</p> < /body> </noframes> </frameset>
25. <noscript>无法加载脚本时的提示文字
  • noscript标签是成对出现的,以<noscript>开始,以</noscript>结束
示例
<noscript>此页面无法加载js脚本代码。</noscript>
26. <q>
表示一个行引用
  • q标签是成对出现的,以<q>开始,以</q>结束。
  • 属性:
    • Common — 一般属性
    • cite — 引用内容的URI
  • q是quoted text的缩写
示例:
<cite>古人</cite>云:<q>良言一句三冬暖,恶语伤人六月寒。</q>
27. <s>定义删除线的文字
  • 不符合标准网页设计的理念,不赞成使用。
  • s标签是成对出现的,以<s>开始,以</s>结束
  • 属性:
    • Common — 一般属性
  • s是strikethrough的缩写
28. <sub>表示下标
  • sub标签是成对出现的,以<sub>开始。以</sub>结束
  • 属性:
    • Common — 一般属性
  • sub是subscript的缩写
29. <sup>表示上标
  • sup标签是成对出现的,以<sup>开始,以</sup>结束
  • 属性:
    • Common — 一般属性
  • sup是superscript的缩写
30. <tbody> 表示HTML表体
浏览器显示表格时,通常是完全下载表格后,再全部显示,所以当表格很长时,可以使用tbody分段显示。
31. <tfoot>表示HTML表脚
表格的表脚tfoot,可以使用单独的样式定义表脚,并且在打印时可以在分页的下部打印表脚。
32. <th>代表HTML表格中的表头
  • th标签是成对出现的,以<th>开始,</th>结束
  • 属性:
    • Common — 一般属性
    • abbr — 代表表头的简写
    • axis — 对单元格在概念上分类
    • colspan — 一行跨越多列
    • headers — 连接表格的数据与表头
    • rowspan — 一列跨越多行
    • scope — 定义行或列的表头
    • align — 代表水平对齐方式(left(左对齐) | center(居中对齐) | right(右对齐) | justify)(此属性应该使用CSS实现)
    • valign — 代表垂直对齐方式(top(顶部对齐) | middle(中部对齐) | bottom(下部对齐) | baseline(基线对齐))(此属性应该使用CSS实现)
  • th是table header cell的缩写
示例:
<table width=”80%” border=”1〃> <tr> < th>www.renniaofei.com</th> < th>.com域名的数量</th> <th>.cn域名的数量</th> < th>.net域名的数量</th> </tr> <tr> < th>2003年</th> <td>1000</td> < td>2000</td> <td>3000</td> </tr> < tr> <th>2004年</th> <td>4000</td> <td>5000</td> <td>6000</td> </tr> < tr> <th>2005年</th> <td>7000</td> <td>8000</td> <td>9000</td> </tr> < /table>
33. <thead>表示HTML表头
表格的头部thead,可以使用单独的样式定义表头,并且在打印时可以在分页的上部打印表头
34. l 标签表示一段语句
  • l标签是成对出现的,以<l>开始,以</l>结束
  • 属性:
    • Common — 一般属性
  • l是line of text的缩写
示例: <l>一行实实在在的文字!</l>
35. <Code>代码标签
code标签是成对出现的,以<code>开始,以</code>结束,常用于显示源代码。
36. <fieldset> 窗体分组
如果一个页面的窗体项太多,我们最好把它们分组显示,就像使用p标签分开段落一样,可以使用fieldset与legend标签对窗体内容分组。
  • fieldset标签是成对出现的,以<fieldset>开始,以</fieldset>结束
  • 一个窗体可以有多个<fieldset>,每对<fieldset>为一组,每组内容的描述可以使用legend标签说明
示例:
<fieldset> <legend>我最喜爱的:</legend> <label for=”computer”>计算器</label> <input type=”checkbox” value=”1〃 id=”fav” name=”fav” /> <label for=”trval”>旅游</label> <input type=”checkbox” value=”2〃 id=”fav” name=”fav” /> <label for=”buy”>购物</label> < input type=”checkbox” value=”3〃 id=”fav” name=”fav” /> < /fieldset>
 
(责任编辑:熊猫蜀黍)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片
栏目列表
推荐内容