第六章 HTML列表

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

1.有序列表

序列表也是一列项目,列表项目使用数字进行标签,有序列表始于<ol>标签,每个列表项始于<il>标签。

列表使用数字来标记。

<body>
<ol>
<li>哈哈哈哈发货</li>
<li> 保存不成功符合符合规格</li>
<li>嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿</li>
</ol>
</body>

效果:

1.哈哈哈哈发货

2.保存不成功符合符合规格
3.嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿

2.无序列表

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

无序列表使用<ul>标签

<body>
<ul>
<li>哈哈哈哈发货</li>
<li> 保存不成功符合符合规格</li>
<li>嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿</li>
</ul>
</body>

效果展示: 

  • 哈哈哈哈发货
  • 保存不成功符合符合规格
  • 嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿

序列表中

type 属性:

type 类型分为:

circle(空心圈)

dise(默认)

square(正方形)

可以将默认的黑色实圈改成为空心圈或者正方形


 

 <body>
<ul type="square">
<li>金科教育</li>
<li> 金科教育</li>
<li>金科教育</li>
</ul>
</body>

 效果展示:

3.HTML剩余列表 

(1) 目录列表
<dir>
<1i>2206</1i>
<1i>2206</1i>
</dir>
(2)菜单列表
<menu>
<1i>2206</1i>
<1i>2206</1i> 

</menu>
(3)自定义列表
<dl>
<dt>2206</dt><dd>金科教育</dd></dl>
在有序列表中type属性是查看设置是否是数字还是字母而start是设置序号,如果start是2那么就从b开始

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值