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属性。

属性属性值描述
type1(默认)项目符号显示为数字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>标签中放入对图片解释说明的文字。

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐