前端打卡day2--html入门-5-列表

本文详细介绍了HTML中的三种列表类型:有序列表、无序列表和定义列表。有序列表通过<ol>和<li>标签实现,可使用type属性改变列表项符号。无序列表使用<ul>和<li>标签,其列表项默认为●,也可通过type属性调整。定义列表由<dl><dt>和<dd>组合,用于名词和描述。强调HTML的语义化使用,选择正确的标签以增强内容的可读性和理解性。
摘要由CSDN通过智能技术生成

在HTML中,列表共有3种:
1: 有序列表
1.1example

<ol>
    <li>列表项</li>
    <li>列表项</li>
    <li>列表项</li>
</ol>

<ol>和</ol>标志着有序列表的开始和结束,而<li>和</li>标签表示这是一个列表项。一个有序列表可以包含多个列表项
1.2 有序的排序标签(type)


<ol type="属性值">
    <li>列表项</li>
    <li>列表项</li>
    <li>列表项</li>
</ol>```

在HTML中,我们可以使用type属性来改变列表项符号。默认情况下,有序列表使用数字作为列表项符号
在这里插入图片描述

2:无序列表
2.1 example

  • 列表项
  • 列表项
  • 列表项
*2.2 无序的排序标签(type)*

对于无序列表来说,还有以下两点要注意。
(1)ul元素的子元素只能是li,不能是其他元素。
(2)ul元素内部的文本,只能在li元素内部添加,不能在li元素外部添加。
无序列表的列表项是没有顺序的。默认情况下,无序列表的列表项符号是●,不过可以通过type属性来改变其样式
在这里插入图片描述

3:定义列表

<dl>
    <dt>名词</dt>
    <dd>描述</dd>
    ……
</dl>

在HTML中,定义列表由两部分组成:名词和描述。在HTML中,定义列表由两部分组成:名词和描述。

4.html语义性

HTML很简单,因此很多初学者往往忽略了它的目的和重要性。我们学习HTML的目的并不是记住所有的标签,更重要的是在你需要的地方使用正确的语义化标签。把标签用在对的地方,这才是学习HTML的目的所在

end 第五节列表完


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值