三种列表知识详解

 

JavaWeb - ul,ol,dl标签

HTML标签 - 无序列表:

 

无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。

 

无序列表始于 <ul> 标签;

每个列表项始于 <li> (列表项内部可以使用段落、换行符、图片、链接以及其他列表等)。

 

 

具体事例:

<ul>
     <li>列表项1</li>
     <li>列表项2</li>
</ul>

 

HTML标签 - 有序列表:

和无序列表一样,有序列表是一列项目,列表项目使用数字进行标记。

有序列表始于 <ol> 标签;
每个列表项始于 <li> 标签(列表项内部可以使用段落、换行符、图片、链接以及其他列表等)。
<ol>
     <li>有序列表项1</li>
     <li>有序列表项2</li>
</ol>

HTML标签 - 定义列表:

 

自定义列表不仅仅是一列项目,而是项目及其注释的组合。

 

自定义列表以 <dl> 标签开始;

每个自定义列表项以 <dt> 开始;

每个自定义列表项的定义以 <dd> 开始。

 

(定义列表的列表项内部可以使用段落、换行符、图片、链接以及其他列表等)

<dl>
    <dt>自定列表项1</dt>
    <dd>列表项的定义1</dd>
    <dt>自定列表项2</dt>
    <dd>列表项的定义2</dd>
</dl>

HTML标签 - 列表标签的应用

<1> 不同类型的无序列表: type=“disc/circle/square”项目符号列表 ;

<2> 不同类型的有序列表: type=“默认数字/大写字母A/小写字母a/大写罗马字母I/小写罗马字母i” 列表 ;

<3> 嵌套列表: ul li(中嵌套ul li) ;

<4> 2级嵌套列表: ul li(中嵌套ul li<中嵌套ul li>) ;

<5> 定义列表;

转载于:https://www.cnblogs.com/zengda/p/4334758.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值