02-HTML

HTML提升 - 02

1.列表

1.1 无序列表

<ul>：定义无序列表，并且只能包含<li>子元素。
<li>：定义列表项，可以包含与<div>完全类似的内容，所以可以包含较多类型的子元素。

单词缩写:

ul是unordered lists的缩写 (无序列表)

li是list item的缩写 （列表项目）

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

注意：

1. <ul></ul>中只能嵌套<li></li>，直接在<ul></ul>标签中输入其他标签或者文字的做法是不被允许的。
2. <li>与</li>之间相当于一个容器，可以容纳所有元素。

1.2 有序列表

有序列表即为有排列顺序的列表，其各个列表项按照一定的顺序排列定义，有序列表的基本语法格式如下：

单词缩写:

ol是ordered lists的缩写（有序列表）

li是list item的缩写 （列表项目）

<ol>
  <li>列表项1</li>
  <li>列表项2</li>
  <li>列表项3</li>
  ......
</ol>

• 所有特性基本与ul 一致。

• 但是实际工作中， 较少用 ol ，因此我们用一句话来总结下 ol：

• 有序列表中默认的type类型是数字，而且是从1开始的。它有两个属性：type、start。

• type：有五个属性值：1、a、A、i、I(罗马数字)，表示列表前缀的格式；

• start：属性值位数字， 表示从type类型的第几个数字开始，比如当你选的type=“a”,start=“3”。

1.3 自定义列表

<dl>：定义列表
<dt>：定义 标签定义了定义列表中的项目(术语)
<dd>：定义描述

单词缩写:
dl是definition lists的英文缩写 (自定义列表)
dt是definition term的缩写 (自定义列表项)
dd是definition description的缩写（自定义列表描述）

<dl>
    <dt>支付方式</dt>
    <dd>货到付款</dd>
    <dd>在线支付</dd>
    <dd>分期付账</dd>
</dl>

1.4 列表总结

标签名	定义	说明
	无序标签	里面只能包含li 没有顺序，我们以后布局中最常用的列表
	有序标签	里面只能包含li 有顺序， 使用情况较少
	自定义列表	里面有2个兄弟， dt 和 dd