HTML——列表标签和元素属性

valiant小东

已于 2022-07-24 11:41:29 修改

阅读量544

点赞数 5

分类专栏： HTML 文章标签： html 前端

于 2022-07-23 20:43:35 首次发布

本文链接：https://blog.csdn.net/qq_51869518/article/details/125951610

版权

本文详细介绍了HTML中的列表标签，包括有序列表ol的type与start属性，无序列表ul的type属性，以及元素属性中的block、inline和inline-block。通过示例展示了这些属性的使用方法和效果。

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

本人所使用浏览器为chrome，使用编辑器为vscode。

列表

使用列表标签可以使相关内容以一种整齐划一的方式排列显示，所以通常用以在页面上展示数据。根据列表项排列方式的不同，可以将列表分为：有序列表和无序列表。下面对此两种列表进行逐一的讲解。

用数字或字母等可以表示顺序的符号来排列列表项的列表，称为有序列表。基本语法如下；

<ol>
  <li>列表项一</li>
  <li>列表项二</li>
  ...
</ol>

此处再举一个简单的示例以及展示效果图；

    <h3>看完文章要做的事</h3>
    <ol>
      <li>点赞</li>
      <li>收藏</li>
      <li>评论</li>
    </ol>

有序列表属性及说明
属性	说明
type	默认情况下列表属性值为阿拉伯数字，可以通过该属性的设置修改列表项前的标号。
start	用于设置列表项序号开始标号的起点。

type属性：

type属性的值有五种：

示例：

    <h3>看完文

关注

专栏目录