HTML三种列表

最新推荐文章于 2023-03-28 20:17:29 发布

weixin_41387874

最新推荐文章于 2023-03-28 20:17:29 发布

阅读量340

点赞数

分类专栏：笔记文章标签： html

本文链接：https://blog.csdn.net/weixin_41387874/article/details/115725876

版权

笔记专栏收录该内容

57 篇文章 0 订阅

订阅专栏

有序列表

有序列表的定义

有序列表的每一项是有顺序的，默认以数字为序号，序号是可以利用type属性改变的。
<ol>标签必须结合<li>使用才能建立一个有序列表。
<ol>标签用于定义有序列表(ordered list)，<ol>标签的子标签只能是<li>(list)，<li>标签用于定义列表项。

<!DOCTYPE html>
<html>
    <head>        
    </head>
    <body>
        <ol>
            <li>a</li>
            <li>b</li>
            <li>c</li>
        </ol>
    </body>
</html>

如何改变列表项序号

如同在上一节提到过的，我们可以使用type属性来改变序号，type属性一共有6种属性值，给type属性指定不同的值，可以使序号使用数字、字母、罗马字母等。

type	属性值
1	序号是阿拉伯数字
a	序号是小写英文字母
A	序号是大写英文字母
i	序号是小写罗马数字
I	序号是大写罗马数字

<!DOCTYPE html>
<html>
    <head>        
    </head>
    <body>
        <ol type="A">
            <li>a</li>
            <li>b</li>
            <li>c</li>
        </ol>
    </body>
</html>

无序列表

无序列表比有序列表应用广泛得多，无序列表更为重要。

无序列表的定义

无序列表的每一项都是没有顺序的，默认列表项序号是实心圆，如下图所示：
<ul>标签必须和<li>标签结合起来使用才能定义一个无序列表。
<ul>标签(unordered list)用于定义无序列表，<li>标签(list)用于定义列表项，<ul>标签的子标签只能是<li>。

<!DOCTYPE html>
<html>
    <head>        
    </head>
    <body>
        <ul>
            <li>a</li>
            <li>b</li>
            <li>c</li>
        </ul>
    </body>
</html>

type属性

通过改变type属性值，可以改变无序列表的列表项序号，对于无序列表，type属性一般有3个取值。

type	属性值
circle	列表项序号是空心圆
disc	列表项序号是实心圆
square	列表项序号是实心正方形

定义列表

weixin_41387874

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML三种列表

有序列表有序列表的定义有序列表的每一项是有顺序的，默认以数字为序号，序号是可以利用type属性改变的。<ol>标签必须结合<li>使用才能建立一个有序列表。<ol>标签用于定义有序列表(ordered list)，<ol>标签的子标签只能是<li>(list)，<li>标签用于定义列表项。<!DOCTYPE html><html> <head> <
复制链接

扫一扫