前端（六）

列表标签

表格用来展示数据，列表用来布局

一．无序列表（重点）

<ul>标签表示HTML页面中项目的无序列表，一般会以项目符号呈现列表项，而列表项使用<li>标签定义

• 基本语法：

<ul>

<li>列表项1</li>

<li>列表项2</li>

<li>列表项3</li>

...

</ul>

① 无序列表的各个列表之间没有顺序级别之分，是并列的

② <ul></ul>中只能嵌套<li></li>，直接在<ul></ul>标签中输入其他标签或者文字的做法是不被允许的

③ <li>与</li>之间相当于一个容器，可以容纳所有元素

④ 无序列表带有自己的样式属性，但在实际使用时，我们会使用css来设置

二．有序列表

在HTML标签中，<ol>标签用来定义有序列表，列表排列以数字来显示，并使用<li>标签来定义表项

• 基本语法：

<ol>

<li>列表项1</li>

<li>列表项2</li>

<li>列表项3</li>

...

</ol>

① <ol></ol>中只能嵌套<li></li>，直接在<ol></ol>标签中输入其他标签或者文字的做法是不被允许的

② <li>与</li>之间相当于一个容器，可以容纳所有元素

③ 有序列表带有自己的样式属性，但在实际使用时，我们会使用css来设置

三．自定义列表（重点）

常用于对术语或名词进行解释和描述，定义列表的列表项前没有任何项目符号

• 基本语法：

<dl>

<dt>名词1</dt>

<dd>名词1解释1</dd>

<dd>名词1解释2</dd>

</dl>

① <dl></dl>里只能包含和

② <dt>和<dd>个数没有限制，经常是一个<dt>对于多个<dd>

③ 在HTML标签中，<dl>标签用于定义描述列表（或定义列表），该标签会与<dt>（定义项目/名字）和<dd>（描述每一个项目/名字）一起使用