【HTML5】3种常用列表
HTML语言提供了3种常用的列表,分别为无序列表、有序列表和定义列表。无序列表:网页中最常用的列表,其各个列表项之间没有顺序级别之分,通常是并列的。有序列表:有排列顺序的列表,其各个列表项按照一定的顺序排列。定义列表:用于对术语或名词进行解释和描述。与无序和有序列表不同,定义列表的列表项前没有任何项目符号。...
HTML语言提供了3种常用的列表,分别为无序列表、有序列表和定义列表。
无序列表:网页中最常用的列表,其各个列表项之间没有顺序级别之分,通常是并列的。
有序列表:有排列顺序的列表,其各个列表项按照一定的顺序排列。
定义列表:用于对术语或名词进行解释和描述。与无序和有序列表不同,定义列表的列表项前没有任何项目符号。
无序列表结构:
<ul type="项目符号的类型">
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ul>
<ul>和<li>都拥有type属性,用于指定列表项目符号。
type属性值 | 显示效果 |
disc(默认值) | ● |
circle | ○ |
square | ■ |
注意:1.每对<ul></ul>中至少应包含一对<li></li>。
2.不赞成使用无序列表的type属性,一般通过CSS样式属性替代。
3.<li>与</li>之间相当于一个容器,可以容纳所有的元素。但是<ul></ul>中只能嵌套<li></li>,直接在<ul></ul>标签中输入文字的做法是不被允许的。
有序列表结构:
<ol type="项目符号的类型" start="项目符号的起始值">
<li value="规定项目符号的数字">列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ol>
有序列表中,除了type属性之外,还可以为<ol>定义start属性、为<li>定义value属性。
属性 | 属性值 | 描述 |
type | 1(默认) | 项目符号显示为数字123... |
a或A | 项目符号显示为英文字母a b c d...或ABC... | |
i或l | 项目符号显示为罗马数字i ii ifi...或I l III... | |
start | 数字 | 规定项目符号的起始值 |
value | 数字 | 规定项目符号的数字 |
注意:1.每对<ol></ol>中至少应包含一对<li></li>。
2.各浏览器对有序列表的type和value属性的解析不同。
3.不赞成使用<ol>、<li>的type、start和value属性,一般通过CSS样式属性替代。
定义列表格式:
<dl>
<dt>名词1</dt>
<dd>名词1解释1</dd>
<dd>名词1解释2</dd>
<dt>名词2</dt>
<dd>名词2解释1</dd>
<dd>名词2解释2</dd>
</dl>
注意:定义列表常用于图文混排,其中<dt></dt>标签中插入图片,<dd></dd>标签中放入对图片解释说明的文字。
更多推荐
所有评论(0)