从零开始学web开发之html5-4.列表

1.有序列表

<1>.<ol></ol>-<li></li>·

语法:

<ol>
    <li>项目1</li>
    <li>项目2</li>
    <li>项目3</li>
</ol>

• ol：ordered list 有序列表
• li：list item 列表项

有序列表从<ol>开始，到</ol>结束，中间的列表项是<li>标签内容。
两者配合使用，没有单独使用，而且<ol>标签内部不能存在任何其它标签，一般情况只能存在<li>标签（忽略嵌套列表).

<2>.type属性

语法:

<ol type="符号类型"></ol>

可以改变列表项前的项目符号，如默认是1、2、3，可换为a、b、c
说明:

属性值	列表项的序号类型
1	数字1,2,3..
a	小写英文字母a,b,c…
A	大写英文字母A,B,C…
i	小写罗马数字i、ii、iii…
I	Ⅰ、Ⅱ、Ⅲ…

  应该用CSS来控制样式，放弃用type属性。
  css属性list-style-type

2.无序列表

<1>.<ul></ul>-<li></li>

语法:

<ul>
    <li>项目1</li>
    <li>项目2</li>
    <li>项目3</li>
</ul>

• ol：unordered list 有序列表
• li：list item 列表项

两者配合使用,ul标签内部一般情况下只能存在<li>标签

<2>.type属性

语法:

<ol type="符号类型"></ol>

说明:

属性值	列表项的序号类型
disc	默认值，实心圆●
circle	空心圆，○
square	实心正方形,■

使用CSS同上。

3.定义列表 <dl></dl>

语法:

<dl>
    <dt>定义名词</dt>
    <dd>定义描述</dd>
</dl>

• dl即是definition list，定义列表 .，标记定义列表开始与结束。
• dt-definition term，定义名词，后面添加要解释的名词。
• dd-definition description,定义描述，后面则添加该名词的具体解释，会自动缩进标签。

4.示例链接,右键可查看源码

示例网页链接