ul li简单写法
合集下载
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
ul li简单写法
- 什么是ul li?
ul li是HTML中用来创建无序列表(unordered list)和有序列表(ordered list)的标签。
无序列表用ul标签,有序列表用ol标签,每个列表项用li标签包裹。
ul li是HTML中非常简单的标签,但却是网页排版中非常重要的一部分。
- 无序列表的写法
无序列表用ul标签包裹,每个列表项用li标签包裹。
下面是无序列
表的写法示例:
```
<ul>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ul>
```
上面的代码会生成一个带有三个列表项的无序列表。
- 有序列表的写法
有序列表用ol标签包裹,每个列表项用li标签包裹。
下面是有序列
表的写法示例:
```
<ol>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ol>
```
上面的代码会生成一个带有三个列表项的有序列表。
- 列表项的嵌套
ul li标签还支持列表项的嵌套,即在一个列表项中再嵌套一个列表。
下面是一个无序列表中嵌套一个有序列表的示例:
```
<ul>
<li>列表项1</li>
<li>
列表项2
<ol>
<li>子列表项1</li>
<li>子列表项2</li>
</ol>
</li>
<li>列表项3</li>
</ul>
```
上面的代码会生成一个带有三个列表项的无序列表,其中第二个列表项中嵌套了一个有序列表。
- 总结
ul li是HTML中非常简单的标签,但却是网页排版中非常重要的一部分。
通过ul li标签可以创建无序列表和有序列表,并且支持列表项的嵌套。
在网页设计中,合理使用ul li标签可以让页面更加清晰明了。