【HTML/CSS/JavaScript】HTML列表（5）

阿斯卡码

已于 2024-01-26 20:37:36 修改

阅读量194

点赞数

分类专栏：课程作业文章标签： javascript html html5

于 2021-10-05 21:24:12 首次发布

本文链接：https://blog.csdn.net/qq_52384627/article/details/120618146

版权

课程作业专栏收录该内容

33 篇文章 3 订阅

订阅专栏

HTML列表

1.dl,dt和dd
2.ol，ul和li

1.dl,dt和dd

dl定义列表
dt定义项目
dd定义描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>鱼C-零基础入门学习Web（Html5+Css3）</title>
</head>
<body>
    <h2>一个定义列表：</h2>
    <dl>
        <dt>计算机</dt>
        <dd>用来计算的仪器 ... ...</dd>
        <dt>显示器</dt>
        <dd>以视觉方式显示信息的装置 ... ...</dd>
    </dl>
</body>
</html>

在这里插入图片描述

2.ol，ul和li

1.li 标签用于定义列表中的项目。

li 标签可用在有序列表 ol和无序列表 ul 中。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>鱼C-零基础入门学习Web（Html5+Css3）</title>
</head>
<body>
    <p>有序列表：</p>
    <ol>
        <li>听小甲鱼老师课程</li>
        <li>做课后习题</li>
        <li>积极反馈</li>
    </ol>
    <p>无序列表：</p>
    <ul>
        <li>零基础入门学习Web（HTML5+CSS3）</li>
        <li>零基础入门学习Web（JavaScript）</li>
        <li>零基础入门学习Web（PHP）</li>
    </ul>
</body>
</html>

在这里插入图片描述

2.ol标签用于定义有序列表。
type默认1，2，3

属性	值	描述
reversed	reversed	规定列表顺序为降序。(9, 8, 7, …)
start	number	规定有序列表的起始值。
type	1、A、a、I、i	规定在列表中使用的标记类型。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>鱼C-零基础入门学习Web（Html5+Css3）</title>
</head>
<body>
    <ol>
        <li>咖啡</li>
        <li>牛奶</li>
        <li>茶</li>
    </ol>
    <ol start="50">
        <li>咖啡</li>
        <li>牛奶</li>
        <li>茶</li>
    </ol>
    <ol start="10" reversed type="I">
        <li>咖啡</li>
        <li>牛奶</li>
        <li>茶</li>
    </ol>
</body>
</html>

在这里插入图片描述
3.ul标签用于定义无序列表。

默认	黑实心
默认	黑实心
circle	白空心
disc	黑实心
square	黑方块

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>

<body>
<ul>
<li>及v定音鼓的是第一步v</li>
<li>及v定音鼓的是第一步v</li>
<li>及v定音鼓的是第一步v</li>
<li>及v定音鼓的是第一步v</li>
</ul>
<ul type="circle">
<li>及v定音鼓的是第一步v</li>
<li>及v定音鼓的是第一步v</li>
<li>及v定音鼓的是第一步v</li>
<li>及v定音鼓的是第一步v</li>
</ul>

<ul type="disc">
<li>及v定音鼓的是第一步v</li>
<li>及v定音鼓的是第一步v</li>
<li>及v定音鼓的是第一步v</li>
<li>及v定音鼓的是第一步v</li>
</ul>
<ul type="square">
<li>及v定音鼓的是第一步v</li>
<li>及v定音鼓的是第一步v</li>
<li>及v定音鼓的是第一步v</li>
<li>及v定音鼓的是第一步v</li>

</ul>
</body>
</html>

在这里插入图片描述

阿斯卡码

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
【HTML/CSS/JavaScript】HTML列表（5）

HTML列表1.dl,dt和dd2.ol，ul和li1.dl,dt和dddl定义列表dt定义项目dd定义描述<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>鱼C-零基础入门学习Web（Html5+Css3）</title></head><body> <h2>一个定义列表：&
复制链接

扫一扫