HTML 列表

2018-09-14  本文已影响0人  Shorebloom_59f6

列表分为有序列表、无序列表。还可以对列表进行自定义。<ul>无序列表,<ol>有序列表,<li>列表项

1. 有序列表

使用标签<ol>
例:

<ol>
  <li>第一项</li>
  <li>第二项</li>
  <li>第三项</li>
</ol>

有序列表还可以根据type属性展现不同的序号类型

type值 表现形式
1 2 3 4
A A B C D
a a b c d
I 大写罗马数字列表
i 小写罗马数字列表

2.无序列表

使用标签<ul>
例:

<ul>
  <li>第一项</li>
  <li>第二项</li>
  <li>第三项</li>
</ul>

有序列表无序列表结果展示:

list.jpg

3. 自定义列表项

自定义列表不仅仅是一列项目,而是项目及其注释的组合。
自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt>开始。每个自定义列表项的定义以 <dd> 开始。

注意: 在 HTML 4中 ul 属性已废弃,HTML5 已不支持该属性,因此使用 CSS 代替来定义不同类型的无序列表如下:

style值 表现形式
list-style-type:disc 原点列表
list-style-type:circle 圆圈列表
list-style-type:square 正方形列表

4.列表标签

标签 描述
<ol> 定义有序列表
<ul> 定义无序列表
<li> 定义列表项
<dl> 定义列表
<dt> 自定义列表项目
<dd> 定义自定列表项的描述
上一篇 下一篇

猜你喜欢

热点阅读