(0009) H5开发之列表标签

沐雨07

已于 2023-04-12 20:43:20 修改

阅读量162

点赞数

分类专栏： HTML5学习路线文章标签： HTML 列表标签

于 2023-04-12 20:39:50 首次发布

本文链接：https://blog.csdn.net/shifang07/article/details/130116172

版权

HTML5学习路线专栏收录该内容

20 篇文章 0 订阅

订阅专栏

请添加图片描述

无序
有序
自定义

<!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>
<body>
    <h1>有序、无序、自定义列表</h1>
    <h2>无序列表</h2>
    <h2>水果列表</h2>

    <ul>
        <li>蔬果</li>
        <li>蔬果</li>
        <li>蔬果</li>
        <li>蔬果</li>

    </ul>

    <h2>有序-成绩排行榜</h2>
    <ol>
        <li>小米100</li>
        <li>小明99</li>
        <li>小红88</li>
    </ol>

    <h2>自定义列表-帮助中心</h2>
    <!-- 多行复制粘贴到对应的标签中
    1.选中多行：alt+每一行
    2.control+shift+向右的箭头->
    3.command+x
    4.alt+选中多行dd
    5.command+v
    -->
    <dl>
        <dt>服务中心</dt>
        <dd>申请售后</dd>
        <dd>售后政策</dd>
        <dd>维修服务价格</dd>
        <dd>订单查询</dd>
    
    </dl>


</body>
</html>