列表

列表分为有序列表无序列表以及定义列表

有序列表：

在HTML中用<ol>标签表示有序列表，列表项目用<li>标签表示，列表项目有先后顺序之分，因此称为有序列表

代码以及效果展示

旁边的 阿拉伯数字是默认效果可以通过type取值来设置其他效果

<ol type="A">

 有序列表type属性取值表

 

属性取值	显示效果
1（默认值）	数字(1、2、3……)
a	小写英文字母(a、b、c……)
A	大写英文字母(A、B、C……)
i	小写罗马数字(i、ii、iii……)
I	大写罗马数字(I、II、III……)

 

 

无序列表：

在HTML中用<ul>标签表示无序列表，列表项目用<li>标签表示，列表项目没有先后顺序之分，因此称为无序列表。接下来通过案例来演示无序列表

代码以及效果展示

 

跟有序列表类似，读者可以看到默认情况下无序列表前面会有一个黑色的小圆点，同样可以通过type属性修改其显示效果

<ul type="disc">

 

无序列表type属性取值表

属性取值	显示效果
disc(默认值)	实心圆（●）
circle	空心圆(○)
square	实心正方形(■)

定义列表：

定义列表通常用于对专业术语或名词进行解释和描述，与有序列表和无序列表不同，定义列表项目前没有任何项目符号。其语法如下。

<dl>
<dt>定义名词</dt>
<dd>名词解释和描述</dd>
……
</dl>

上面的语法中，<dl></dl>标签用于定义列表，<dt></dt>和<dd></dd>并列嵌套于<dl></dl>中，其中<dt></dt>标签用于定义专业术语或名词，<dd></dd>标签用于对名词进行解释和描述。一对<dt></dt>可以对应多对<dd></dd>，即一个名词可以有多个解释和描述。接下来通过案例来演示定义列表，

<div>
div全称为division，“分割、分区”的意思，<div>标签用来划分一个区域，相当于一块区域容器，可以容纳段落、标题、表格、图像等各种网页元素。即HTML中大多数的标签都可以嵌套在<div>标签中，<div>中还可以嵌套多层<div>，用来将网页分割成独立的、不同的部分，来实现网页的规划和布局。

代码以及效果展示