html中的有序列表和无序列表

2020-07-19 05:14:12
本篇文章主要介绍html中的有序与无序列表示如何编写的,对于刚开始学习的小伙伴还是非常有帮助的,感兴趣的朋友参考下。

有序列表代码如下:

<html>  <h2>数字显示</h2>  <ol>  <li>第一天</li>  <li>第二天</li>  <li>第三天</li>  <li>第四天</li>  </ol>    <h2>字母显示</h2>  <ol type="a">  <li>第一天</li>  <li>第二天</li>  <li>第三天</li>  <li>第四天</li>  </ol>    <h2>小写罗马数字显示</h2>  <ol type="i">  <li>第一天</li>  <li>第二天</li>  <li>第三天</li>  <li>第四天</li>  </ol>    <h2>大写罗马数字显示</h2>  <ol type="I">  <li>第一天</li>  <li>第二天</li>  <li>第三天</li>  <li>第四天</li>  </ol>    <h2>数字显示,自己确定开始数字</h2>  <ol start="5">  <li>第一天</li>  <li>第二天</li>  <li>第三天</li>  <li>第四天</li>  </ol>  <html>

效果如下:

55.png

无序列表代码如下:

<html>  ********默认为实心圆*********  <ul>  <li>第一天</li>  <li>第二天</li>  <li>第三天</li>  <li>第四天</li>  </ul>    ********空心圆显示*********  <ul type="circle">  <li>第一天</li>  <li>第二天</li>  <li>第三天</li>  <li>第四天</li>  </ul>    ********实心矩形显示*********  <ul type="square">  <li>第一天</li>  <li>第二天</li>  <li>第三天</li>  <li>第四天</li>  </ul>  </html>

效果如下:

56.png

相关推荐:

什么是无序列表、有序列表 、定义列表?html列表标签学习笔记

关于HTML列表的详细介绍

HTML列表标签dl、ul、ol 的使用