HTML---今天学了有序列表＜ol＞和无序列表＜ul＞，自我总结一下

哈。573

已于 2023-04-20 21:01:13 修改

阅读量358

点赞数 1

文章标签： html css html5

于 2023-04-20 20:58:02 首次发布

本文链接：https://blog.csdn.net/weixin_70492045/article/details/130275020

版权

本文介绍了HTML中的列表标签，包括无序列表<ul>和有序列表<ol>的使用方法。无序列表以disc作为默认项目符号，有序列表默认使用数字排序。列表项由<li>标签定义。此外，有序列表可以通过type属性改变序号样式，并用start属性设定起始序号。

摘要由CSDN通过智能技术生成

格式如下：

<ul>
    <li>apple</li>
    <li>banana</li>
    <li>orange</li>
</ul>

ul全写unorder list， li全写list

其中<li>标签为<ul>标签里的元素，及这三个水果元素都是在同一个列表中的，

同时也无序

<ul> 中的type属性：disc square circle 修改元素前缀样式对应实心圆实心方块空心圈（HTML5 不支持。HTML 4.01 已废弃。规定列表的项目符号的类型。）了解一下即可。

有序列表<ol>标签（orderlist）:

格式如下：

    <ol>
        <li>Coffee</li>
        <li>Tea</li>
        <li>Milk</li>
    </ol>

当然前缀类型可以使用type更改的，

ol的属性type默认为数字

还可以使用属性start=“开始序号”设置开始的序号，

比如说我从3开始：

  <ol type="1" start="3">
        <li>Coffee</li>
        <li>Tea</li>
        <li>Milk</li>
    </ol>

   <ol type="I" start="3">
        <li>Coffee</li>
        <li>Tea</li>
        <li>Milk</li>
    </ol>

今天就分享到这里啦！

关注