HTML_列表

---

1.列表类型

<ul>无序列表  （unorder list无序列表）
<ol>有序列表 （order list有序列表，一般不用）
<dl>自定列表  （definition list自定义列表，dt主题）
<li>一行列表  （list item列表项目）

无序列表，例子： 哈哈哈 哈哈哈 哈哈哈

有序列表，例子： 哈哈哈 哈哈哈 哈哈哈

自定列表，例子： 主题 哈哈哈 哈哈哈 哈哈哈

2.列表属性

disc 实心圆（默认值）
circle：空心圆
square：小方块
none：不显示

• 哈哈哈

• 哈哈哈

• 哈哈哈

• 哈哈哈

    代码：
       <ul type="disc"> <li>哈哈哈</li></ul>
       <ul type="circle"> <li>哈哈哈</li></ul>
       <ul type="square"> <li>哈哈哈</li></ul>
       <ul type="none"> <li>哈哈哈</li></ul>

A/a: 字母数字
I/i：罗马数字

3.list-style-type (列表项标记)

ul.a{list-style-type:circle}
ul.b{list-style-type:square}
ul.c{list-style-type:none}（去掉项目标记）

4.list-style-image （图片替换列表项标记）

ul{list-style-image:url('img1.jpg';)}

5.list-style-position

（指示如何相对于对象的内容绘制列表项标记）

 inside：列表项目标记放置在文本以内，且环绕文本根据记对齐（即选文本可选中项目标记）
 outside：默认值，保持标记位于文本左侧，列表项目标放置在文本以外,且环绕文本不根据标记对齐
 
 ul{list-style-position：inside}

6.列表嵌套

以下是obisidian自带

• 哈哈哈
  • 哈哈哈
  • 哈哈哈
• 哈哈哈
  • 哈哈哈
  • 哈哈哈

以下是HTML的

• 哈哈哈
  • 哈哈哈
  • 哈哈哈
• 哈哈哈
  • 哈哈哈
  • 哈哈哈

代码：

<ul> 
<li>哈哈哈
      <ul> 
            <li>哈哈哈
            <li>哈哈哈
     </ul>
<li>哈哈哈
     <ul> 
            <li>哈哈哈
            <li>哈哈哈
     </ul>
</ul>