html在线演示,HTML 列表

HTML 列表

容器里面装载着文字或图表的一种形式,叫列表;列表最大的特点就是 整齐 、整洁、 有序。

HTML 支持有序、无序和自定义列表:

HTML 列表

有序列表第一个列表项

第二个列表项

第三个列表项无序列表列表项

列表项

列表项

在线示例

无序列表

本示例演示无序列表。

有序列表

本示例演示有序列表。

HTML无序列表

无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。

无序列表使用

  • 标签
    • 列表项1
    • 列表项2

浏览器显示如下:列表项1

列表项2

HTML 有序列表

同样,有序列表也是一列项目,列表项目使用数字进行标记。 有序列表始于

  1. 标签。每个列表项始于
  2. 标签。

    列表项使用数字来标记。

    1. 列表项1
    2. 列表项2

    浏览器中显示如下:列表项1

    列表项2

    HTML 自定义列表

    自定义列表不仅仅是一列项目,而是项目及其注释的组合。

    自定义列表以

    开始。每个自定义列表项的定义以
    开始。

    示例

    春天
    - 春天来了,春天到处春意盎然
    秋天
    - 秋天树叶黄了,秋天是收获的季节
    测试看看 ‹/›

    浏览器显示如下:春天

    - 春天来了,春天到处春意盎然

    秋天

    - 秋天树叶黄了,秋天是收获的季节

    注意事项 - 有用提示

    提示: 列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。

    更多示例

    不同类型的有序列表

    本示例演示不同类型的有序列表。

    不同类型的无序列表

    本示例演示不同类型的无序列表。

    嵌套列表

    本示例演示如何嵌套列表。

    嵌套列表 2

    本示例演示更复杂的嵌套列表。

    自定义列表

    本示例演示一个定义列表。

    HTML 列表标签标签描述

    定义有序列表

    定义无序列表

    定义列表项

    定义列表

    自定义列表项目

    定义自定列表项的描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值