HTML--列表

有序列表

<!DOCTYPE html>
<html>
<head> 
    <title>这是一个标题</title>
    <meta charset="utf-8"/>
</head>
<body>
    <ol type="a">
        <li>列表1</li>
        <li>列表2</li>
        <li>列表3</li>
    </ol>

</body>
</html>

效果:

1.列表1
2.列表2
3.列表3

有序列表的type属性

type=“1” 是用 阿拉伯数字做列表序号,这个是默认的序号
type=“a” 用小写英文字母做列表序号
type=“A” 用大写英文字母做列表序号
type=“i” 用小写罗马数字做列表序号 i,ii,iii
type=“I” (大写i)用大写罗马数字做列表序号 I,II,III,IV

无序列表

<!DOCTYPE html>
<html>
<head> 
    <title>这是一个标题</title>
    <meta charset="utf-8"/>
</head>
<body>
    <ul type="cicle">
        <li>列表1</li>
        <li>列表2</li>
        <li>列表3</li>
        <li>列表4</li>
    </ul>

</body>
</html>

无序列表的 type属性

type=“disc” 实心圆,默认值
type=“circle” 空心圆
type=“square” 正方形

ul元素的子元素只能是li元素,文本也不能直接放到ul元素内,虽然貌似能生效

定义列表

语法:

<!DOCTYPE html>
<html>
<head> 
    <title>这是一个标题</title>
    <meta charset="utf-8"/>
</head>
<body>
    <dl>
        <dt>这是一个名词</dt>
        <dd>这是名词的描述</dd>
        <dt>这是另一个名词</dt>
        <dd>这是这个名词的描述</dd>
        <dd>这也是这个名词的描述</dd>
    </dl>
</body>
</html>

效果:
在这里插入图片描述

相关推荐

  1. HTML-列表

    2024-01-16 18:18:01       56 阅读
  2. HTML 建立列表——列表标签

    2024-01-16 18:18:01       30 阅读
  3. 切换列表html

    2024-01-16 18:18:01       48 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-01-16 18:18:01       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-01-16 18:18:01       101 阅读
  3. 在Django里面运行非项目文件

    2024-01-16 18:18:01       82 阅读
  4. Python语言-面向对象

    2024-01-16 18:18:01       91 阅读

热门阅读

  1. 业务题day03

    2024-01-16 18:18:01       52 阅读
  2. 时间轮算法

    2024-01-16 18:18:01       54 阅读
  3. Python高级用法:使用unittest进行单元测试

    2024-01-16 18:18:01       53 阅读
  4. 2024年1月16日

    2024-01-16 18:18:01       42 阅读
  5. 布达拉宫

    2024-01-16 18:18:01       50 阅读
  6. 树莓派ubuntu:vscode remote-ssh免密登录(Mac)

    2024-01-16 18:18:01       55 阅读