列表元素

文章目录

列表元素
- 1. 有序列表
- 2. 无序列表（非常常见）
- 3. 定义列表

1. 有序列表

ol：ordered list

li：list item，列表子元素

例如：

<p>把大象装进冰箱分为几步</p>
<ol><li>打开冰箱门</li><li>大象进去</li><li>冰箱门关上</li>
</ol>

注意：时刻注意语义化，不能因为有序列表的显示效果是有1，2，3……序号，就一定在有序号的情况下使用ol元素。只要是有顺序的列表，不管前面有没有数字都要使用ol。总之，不应该根据显示效果来选择元素，而应该根据元素含义来选择。

属性：

type：选择标号类型，type="A"

例如：

<p>把大象装进冰箱分为几步</p><ol type="A"><li>打开冰箱门</li><li>大象进去</li><li>冰箱门关上</li><li>打开冰箱门</li><li>大象进去</li><li>冰箱门关上</li><li>打开冰箱门</li><li>大象进去</li><li>冰箱门关上</li><li>打开冰箱门</li><li>大象进去</li><li>冰箱门关上</li><li>打开冰箱门</li><li>大象进去</li><li>冰箱门关上</li><li>打开冰箱门</li><li>大象进去</li><li>冰箱门关上</li><li>打开冰箱门</li><li>大象进去</li><li>冰箱门关上</li><li>打开冰箱门</li><li>大象进去</li><li>冰箱门关上</li><li>打开冰箱门</li><li>大象进去</li><li>冰箱门关上</li><li>打开冰箱门</li><li>大象进去</li><li>冰箱门关上</li></ol>

vscode中的小技巧：选中一段代码，Alt+Shift+↓\downarrow↓/↑\uparrow↑，就会向下/上换行粘贴选中代码。

type="A"
type="a"

type="i"

type="I"

type="1"(默认值)

注意：type属性在HTML中弃用，但在HTML5中被重新引入。除非列表中序号很重要（比如，在法律或技术文件中条目通常需要所引用），否则使用CSSlist-style-type属性替代。

reversed：序号倒序，内容不变。布尔属性。

<p>把大象装进冰箱分为几步</p>
<ol reversed><li>打开冰箱门</li><li>大象进去</li><li>冰箱门关上</li><li>打开冰箱门</li><li>大象进去</li><li>冰箱门关上</li><li>打开冰箱门</li><li>大象进去</li><li>冰箱门关上</li><li>打开冰箱门</li><li>大象进去</li><li>冰箱门关上</li><li>打开冰箱门</li><li>大象进去</li><li>冰箱门关上</li><li>打开冰箱门</li><li>大象进去</li><li>冰箱门关上</li><li>打开冰箱门</li><li>大象进去</li><li>冰箱门关上</li><li>打开冰箱门</li><li>大象进去</li><li>冰箱门关上</li><li>打开冰箱门</li><li>大象进去</li><li>冰箱门关上</li><li>打开冰箱门</li><li>大象进去</li><li>冰箱门关上</li>
</ol>

2. 无序列表（非常常见）

ul：unordered list

其子元素也是li。

<p>markdown常用操作</p>
<ul><li>空格</li><li>数字符号</li><li>字体</li>
</ul>

无序列表的序号默认是黑圆点，样式同样可以通过CSSlist-style-type更改，改为123序号后，ul依然是无序列表。

无序列表经常用于制作菜单或新闻列表。

3. 定义列表

通常用于一些术语的定义

dl：definition list 定义列表

两个子元素：

dt: definition title 标题
dd: definition description 描述

<p>HTML中的术语解释</p><dl><dt>HTML</dt><dd>超文本标记语言，XXX</dd><dt>元素</dt><dd>组成HTML文档的单元，XXX</dd>
</dl>

10、HTML基础——列表元素相关推荐

python find函数和index的区别_【全网最简单Python教程】--10.列表元素的索引和返回索引值（Index函数使用）...
在练习日4中,小鱼给大家讲述了神秘的ASCII码编译及解密过程. 在ASCII码中,字符与十进制数字的互相转换是通过 ord()函数和chr()函数. 今天小鱼要给大家介绍另一种在影视剧.侦探小说中更 ...
PTA16、列表元素个数的加权和(1) (10 分)
16.列表元素个数的加权和(1) (10 分) 输入一个嵌套列表,嵌套层次不限,根据层次,求列表元素的加权个数和.第一层每个元素算一个元素,第二层每个元素算2个元素,第三层每个元素算3个元素,第四层每 ...
python列表所有元素平均值_【全网最简单Python教程】--10.列表元素的索引和返回索引值（Index函数使用）...
在练习日4中,小鱼给大家讲述了神秘的ASCII码编译及解密过程. 在ASCII码中,字符与十进制数字的互相转换是通过 ord()函数和 chr()函数. 今天小鱼要给大家介绍另一种在影视剧.侦探小说 ...
【Python基础】列表元素求和
列表元素求和列表求和纯数字列表列表中存在其他类型的元素实例:每半秒输出x之前的所有奇数和列表求和纯数字列表 # 求lst = [4,12,6,12.14]中所有元素的和 lst = [4, ...
java基础篇(10) 可变参数列表介绍
一.可变参数简介在不确定参数的个数时,可以使用可变的参数列表. 1. 语法: 参数类型-(三个点) 例如: void printArray(Object-) 注意: 每个方法最多只有一个可变参数,因 ...
python列表元素为中文_python入门基础教程之Python list列表修改元素
python提供了两种修改列表(list)元素的方法,你可以每次修改单个元素,也可以每次修改一组元素(多个). 修改单个元素修改单个元素非常简单,直接对元素赋值即可.请看下面的例子: nums = ...
19道Python基础列表元祖的练习题
1.创建一个空列表,命名为names,往里面添加old_driver,rain,jack,shanshan,peiqi,black_girl元素 names = ["old_driver&q ...
python中的输出list中元素方法_python 输出所有列表元素的乘积
def multiply_list(items): tot = 1 for x in items: tot *= x return tot print(multiply_list([1,2,-8])) ...
peal php,python基础--列表
列表列表是最常用的数据类型之一,通过列表可以对数据实现最方便的存储.修改等操作 1.定义列表fruits = ['apple','banana','orange'] 2.通过下标访问列表中的元素,下 ...

10、HTML基础——列表元素