html列表

来源：互联网发布：淘宝记账软件编辑：程序博客网时间：2024/05/16 10:45

无序列表范例：

<html>

<body>

<h4>一个无序列表：</h4>
<ul>
<li>咖啡</li>
<li>茶</li>
<li>牛奶</li>
</ul>

</body>
</html>

结果：

一个无序列表：

咖啡
茶
牛奶

有序列表范例：

<html>
<body>

<ol> 若不定义开始数字，则从1开始
<li>咖啡</li>
<li>牛奶</li>
<li>茶</li>
</ol>

<ol start="8"> 定义开始数字，则从所定义的开始数字自然往后
<li>咖啡</li>
<li>牛奶</li>
<li>茶</li>
</ol>

</body>
</html>

结果：

咖啡
牛奶
茶

咖啡
牛奶
茶

自定义列表范例：

<dl><dt>Coffee</dt><dd>Black hot drink</dd><dt>Milk</dt><dd>White cold drink</dd></dl>

自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。

改变有序列表的样式：

苹果

苹果

改变无序列表的样式

<ol type="A"> 按大写字母顺序排列

<ol type="a"> 按小写字母顺序排列

<ol type="I"> 按大写罗马数字排列

<ol type="i"> 按小写罗马数字排列

<html>

<body>

<h4>一个嵌套列表：</h4>
<ul>
<li>咖啡</li>
<li>茶
<ul>
<li>红茶</li>
<li>绿茶</li>
</ul>
</li>
<li>牛奶</li>
</ul>

</body>
</html>

结果：

一个嵌套列表：

咖啡
茶
- 红茶
- 绿茶
牛奶

阅读全文

0 0