列表(list)
有序列表(ordered list)
<ol>
和</ol>
标志着有序列表的开始和结束,而<li>
和</li>
标签表示这是一个列表项。
一个有序列表可以包含多个列表项。
示例代码
<ol>
<li>牛奶</li>
<li>咖啡</li>
</ol>
运行结果
- 牛奶
- 咖啡
有序列表的默认符号是阿拉伯数字
type属性
属性值 | 列表项符号 |
---|---|
1 | 阿拉伯数字:1、2、3…… |
a | 小写英文字母:a、b、c…… |
A | 大写英文字母:A、B、C…… |
i | 小写罗马数字:i、ii、iii…… |
I | 大写罗马数字:I、II、III…… |
start属性
定义列表的开始序号
示例代码
<ol type="A" start="5">
<li>牛奶</li>
<li>咖啡</li>
</ol>
运行结果
无序列表(unordered list)
<ul>
和</ul>
标志着有序列表的开始和结束,而<li>
和</li>
标签表示这是一个列表项。
一个有序列表可以包含多个列表项。
示例代码
<ul>
<li>牛奶</li>
<li>咖啡</li>
</ul>
运行结果
- 牛奶
- 咖啡
无序列表的默认符号是实心圆
type属性
属性值 | 列表项符号 |
---|---|
circle | 空心圆○ |
square | 正方形■ |
示例代码
<ul type="square">
<li>牛奶</li>
<li>咖啡</li>
</ul>
输出结果
自定义列表(definition list)
<dl>
标记和</dl>
标记分别定义了定义列表的开始和结束
<dt>
表示一个列表的主题
<dd>
自定义列表项
dl 内部只能存放dt和dd, dt和dd是同级关系。
<dl>
<dt>饮品</dt>
<dd>牛奶</dd>
<dd>咖啡</dd>
<dt>甜品</dt>
<dd>黑森林</dd>
<dd>泡芙</dd>
</dl>
输出结果