前端学习——HTML列表标签

目录

一、有序列表

1.有序列表是使用数字进行标记的列表。

2.属性type具有的功能

3.有序列表可以进行嵌套

二、无序列表

1.无序列表是用粗体圆点标记的列表。

2.属性type具有的功能

3.无序列表是可以嵌套的

三、快捷键

---

一、有序列表

1.有序列表是使用数字进行标记的列表。

有序列表始于<ol>标签，其中每个列表始于<li>标签。

<ol>
    <li>第一列</li>
    <li>第二列</li>
</ol>

显示如下：

2.属性type具有的功能

如下：

可选	列表显示
1	数字1,2,3......
a	小写字母a,b,c......
A	大写字母A,B,C......
i	小写罗马数字i,ii,iii......
l	大写罗马数字l,ll,lll......

3.有序列表可以进行嵌套

<ol>
   <li>一</li>
   <li>
      <ol>
         <li>一</li>
         <li>二</li>
      </ol>
   </li>
   <li>三</li>
</ol>

显示如下：

二、无序列表

1.无序列表是用粗体圆点标记的列表。

无序列表始于<ul>，每个列表始于<li>

<ul>
   <li>一</li>
   <li>二</li>
</ul>

显示如下： 

2.属性type具有的功能

如下：

可选	列表显示
disc	默认实心圆
circle	空心圆
square	小方块
none	不显示

3.无序列表是可以嵌套的

具体嵌套与上文有序列表嵌套方法类似，可举一反三。

三、快捷键

ul>li*6

数字根据需要的li数量进行具体修改。