html中的列表标签

最新推荐文章于 2024-09-09 22:16:15 发布

「已注销」

最新推荐文章于 2024-09-09 22:16:15 发布

阅读量300

点赞数

分类专栏： # 六 web前端+vue 文章标签： html 前端

本文链接：https://blog.csdn.net/CNMBZY/article/details/122382034

版权

六 web前端+vue 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

ul:无序列表
常用于网站的导航列表
无顺序列表中的type太废眼了，所以一般不推荐使用

type=“disc”:默认实心块
type=“square”:方块
type=“circle”:空心圆

ol:有序列表

start属性：规定有序表中的起始数据
type属性：属性值为 1,a,A,i,I,表示序号的样式
type=‘A’:字母排序
type=‘罗马数字1’：罗马排序
start=“3”：序列从几开始

定义列表的三剑客，类似于定义表格时候的搞得
table，td，tr：这三个元素，必须组合，否则无效

dl:定义列表
dt:定义列表中的项目
dd:定义列表中项目的描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<!--


ul:无序列表
常用于网站的导航列表
type太废眼了，所以一般不推荐使用

type="disc":默认实心块
type="square":方块
type="circle":空心圆

ol:有序列表

start属性：规定有序表中的起始数据
type属性：属性值为 1,a,A,i,I,表示序号的样式
type='A':字母排序
type='罗马数字1'：罗马排序
start="3"：序列从几开始

定义列表的三剑客，类似于定义表格时候的搞得
table，td，tr：这三个元素，必须组合，否则无效

dl:定义列表
dt:定义列表中的项目
dd:定义列表中项目的描述




-->
<body>
    <h2>有序，无需，定义</h2>
    <ul type="square">
        <li>网站首页</li>
        <li>产品展示</li>
        <li>售后服务</li>
        <li>联系我们</li>
    </ul>
    <!--从第三个c开始显示出来-->
    <ol type="a" start=3>
        <li>第一频道</li>
        <li>第二频道</li>
        <li>第三频道</li>
        <li>第四频道</li>

    </ol>

    <dl>
        <dt>第一章</dt>
          <dd>第一节内容</dd>
          <dd>第二节内容</dd>
        <dt>第二章</dt>
           <dd>第一节内容</dd>
           <dd>第二节内容</dd>
    </dl>
<h2>有序列表</h2>
    <ol start="2">
        <li>辣子鸡丁</li>
        <li>打卤面</li>
        <li>山西油泼面</li>
    </ol>
    <ol type="A">
        <li>辣子鸡丁</li>
        <li>打卤面</li>
        <li>山西油泼面</li>
        <li>锅包肉</li>
    </ol>


</body>
</html>