HTML中级教程 自定义列表
2013-07-25 17:49
232 查看
在HTML初级教程中我们教授了无序列表和有序列表,很不幸,很像Peter Cushing的博士Who,自定义列表很容易被忽略。可能是因为自定义列表需要比无序列表和有序列表更多的设置和似乎更少用。当遭遇一系列术语与解释的列表(比如术语表)时,自定义列表就会很有用了。
dl元素像ul元素和ol元素一样确立列表。不同的是,自定义列表用dt(definition term,定义术语)元素来代替li元素,其后跟随dd(definition description,定义描述)元素。
不局限于一个dt跟着一个dd,而是任意的。比如有很多同义词,就可能一个dt跟着许多dd。如果有一个有许多不同意义的词,就可能许多dd后只有一个dt。
![](http://www.52css.com/images/quote.gif)
Example Source Code [www.52css.com]
<h1>Some random glossary thing</h1>
<dl>
<dt>HTML</dt>
<dd>Abbreviation for HyperText Markup Language - a language used to make web pages.</dd> <dt>Dog</dt>
<dd>Any carnivorous animal belonging to the family Canidae.</dd>
<dd>The domesticated sub-species of the family Canidae, Canis lupus familiaris.</dd>
<dt>Moo juice</dt>
<dt>Cat beer</dt>
<dt>Milk</dt>
<dd>A white liquid produced by cows and used for human consumption.</dd>
</dl>
dl元素像ul元素和ol元素一样确立列表。不同的是,自定义列表用dt(definition term,定义术语)元素来代替li元素,其后跟随dd(definition description,定义描述)元素。
不局限于一个dt跟着一个dd,而是任意的。比如有很多同义词,就可能一个dt跟着许多dd。如果有一个有许多不同意义的词,就可能许多dd后只有一个dt。
![](http://www.52css.com/images/quote.gif)
Example Source Code [www.52css.com]
<h1>Some random glossary thing</h1>
<dl>
<dt>HTML</dt>
<dd>Abbreviation for HyperText Markup Language - a language used to make web pages.</dd> <dt>Dog</dt>
<dd>Any carnivorous animal belonging to the family Canidae.</dd>
<dd>The domesticated sub-species of the family Canidae, Canis lupus familiaris.</dd>
<dt>Moo juice</dt>
<dt>Cat beer</dt>
<dt>Milk</dt>
<dd>A white liquid produced by cows and used for human consumption.</dd>
</dl>
相关文章推荐
- HTML 自定义元素教程
- 【网站制作视频教程】-第06讲 html列表与图片应用!-传智播客
- HTML网页列表标记学习教程
- HTML标签属性【建站中级教程】
- 百度地图Api进阶教程-默认控件和自定义控件2.html
- HTML中级教程 - 3.Meta标签的使用
- ReportStudio进阶教程(十九) - 列表-自定义排序(高级排序)
- 微信小程序教学第三章(含视频):小程序中级实战教程:列表-静态页面制作
- 微信小程序教学第三章(含视频):小程序中级实战教程:列表-页面逻辑处理
- 浅析html中的自定义列表
- mvchtmlstring 自定义下拉列表
- 百度地图Api进阶教程-默认控件和自定义控件2.html
- HTML 自定义元素教程
- ASP.NET Aries 入门开发教程8:树型列表及自定义右键菜单
- GridView自定义分页样式(上一页,下一页,到第几页)(新手教程)转载http://www.cnblogs.com/xuanhun/archive/2010/04/14/1712132.html
- 我教女朋友学编程html系列(7)—Html无序列表、自定义列表、有序列表及常用例子
- SpringBoot中级教程之SpringBoot自定义配置(十一)
- 我教女朋友学编程html系列(7)—Html无序列表、自定义列表、有序列表及常用例子
- 百度地图Api进阶教程-用户自定义数据(标记和搜索)7.html
- [iPhone中级]iPhone实现自定义多选列表