XZ_HTML之HTML列表

HTML支持有序、无序和定义列表。

列表可以嵌套。

无序列表

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

无序列表始于 <ul> 标签。每个列表项始于 <li>。

列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。

<h4>无序列表:</h4>

<ul>

  <li>咖啡</li>

  <li>茶</li>

  <li>牛奶</li>

</ul>

标记类型

<ul type="disc"></ul>  典型的小黑圆圈(默认)

<ul type=“circle”></ul>  空心小黑圆圈

<ul type=“square"></ul>  方形的实心黑圈


有序列表:默认从1开始,可以设置开始大小

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

有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。

列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。

<ol>

  <li>苹果</li>

  <li>香蕉</li>

  <li>葡萄</li>

</ol>

<ol start="50"> 

  <li>苹果</li>

  <li>香蕉</li>

  <li>葡萄</li>

</ol>

标记类型

<ol type="A"></ol>  字母列表

<ol type="a"></ol>  小写字母列表

<ol type="I"></ol>  罗马字母列表

<ol type="i"></ol> 小写罗马字母列表


定义列表:

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

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

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

<dt>苹果</dt>

<dd>红苹果、绿苹果</dd>

<dt>葡萄</dt>

<dd>绿葡萄、紫葡萄</dd>

</dl>


列表标签汇总

<ol> 定义有序列表;

<ul> 定义无序列表;

<li> 定义列表项;

<dl>定义定义列表;

<dt> 定义定义项目;

<dd> 定义定义的描述。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值