html网页设计列表显示,网页设计：HTML列表标签

无序列表

有序列表

自定义列表

1，无序列表

无序列表的标签是:

• 无序列表

定义一个无序列表：

定义一个列表项;

• 标签里还有type属性，指定的是无序列表的符号;

type的值有以下几个:

disc:实心的圆点，默认值

circle:空心的圆

square:实心的正方形

例：

• 湖南
• 江苏
• 河南
• 郑州

效果图:

湖南

江苏

河南

郑州

2，有序列表

有序列表的标签是

1. 有序列表

ordered list的缩写，有序列表其实就是带有序号的列表，

type属性的取值为:

1.序号为1.2.3.4.……

A.序号为A.B.C.D.……

a.序号为a.b.c.d.……

I序号为I.II.III.IV.……

i序号为i.ii.iii.iv.……

例：

1. 湖南
2. 嘉兴
3. 河南
4. 广东

效果图:

湖南

嘉兴

河南

广东

3，自定义列表

自定义标签的结构是:

定义一个自定义列表

列表项的标题列表项的描述

例：

唐诗三百首

静夜思床前明月光，疑是地上霜。举头望明月，低头思故乡。绝句迟日江山丽，春风花草香。泥融飞燕子，沙暖睡鸳鸯。

示例：

列表标签

爱好

3. 玩手机
4. 看电视
5. 听音乐

---

爱好

• 玩手机
• 看电视
• 听音乐

---

爱好

玩手机

看电视

听音乐

---