WEB基础之：列表的标记

列表的标记

• • 1. ul无序列表
  • • 1.1 无序列表的序号类型
    • 1.2 无序列表嵌套
  • 2. ol有序列表
  • • 2.1 type有序列表的序号类型
    • 2.2 start有序列表的起始数值
    • 2.3 有序列表嵌套
  • 3. dl定义列表
  • 4.列表文字的颜色

标签	描述	标签	描述
< ul>	无序列表。< menu>，< dir>	< dl>	定义列表。
< ol>	有序列表。	< dt>	定义项目。
< li>	列表项。	< dd>	定义的描述。

有序：指按照数字或字母等顺序排列列表项目。
无序：指以符号开头的，没有顺序的列表项目。

1. ul无序列表

ul无序列表
    <ul>
        <li>列表项1</li>
        <li>列表项2</li>
    </ul>

1.1 无序列表的序号类型

type无序列表类型
	<ul type="circle">
        <li>列表项1</li>
        <li>列表项2</li>
    </ul>

类型值	列表项目的符号
Disc	默认值，黑色实心圆点的项目符号“●”
circle	空心圆环项目符号“○”
square	正方形的项目符号“□”

1.2 无序列表嵌套

无序列表嵌套
    <ul>
        <li>无序列表1</li>
        <ul>
            <li>无序列表2</li>
        </ul>
    </ul>

2. ol有序列表

ol有序列表
    <ol>
        <li>列表项1</li>
        <li>列表项2</li>
    </ol>

2.1 type有序列表的序号类型

type有序列表的序号类型
<ol type="I">
    <li>列表项1</li>
    <li>列表项2</li>
</ol>

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……

2.2 start有序列表的起始数值

start有序列表的起始数值
    <ol type="I" start="3">
        <li>列表项1</li>
        <li>列表项2</li>
    </ol>

2.3 有序列表嵌套

有序列表嵌套
    <ol>
        <li>有序列表1</li>
        <ol type="I">
            <li>有序列表2</li>
        </ol>
    </ol>

3. dl定义列表

dl定义列表
<dl>定义列表1</dl>

dl定义列表嵌套
    <dl>
       <dt>定义列表</dt>
       <dd>主要用于解释名词，包含两个层次的列表，第一层是需要解释的名词，第二层是具体的解释</dd>
    </dl>

4.列表文字的颜色

列表文字的颜色
	<li><font color="blue">列表项1</font> </li>