HTML资料之列表

本文详细介绍了HTML中的三种列表类型:无序列表、有序列表及自定义列表的使用方法与格式。包括不同类型的列表标记及其效果展示,适用于初学者快速掌握HTML列表的应用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

◆ 无序列表
格式:

<ul type="">
    <li></li>    列表项
    <li></li>
    ...
</ul>

type: 无序列表前的标记
    ★ square:小方块
    ★ disc: 实心小圆圈,默认
    ★ circle: 空心小圆圈

注:一般设置列表样式,不直接在type属性中设置,都是通过css来设置。

示例:

<ul type="square">
    <li>纸上得来终觉浅</li>
    <li>绝知此事要躬行</li>
</ul>

效果图:

  • 纸上得来终觉浅
  • 绝知此事要躬行

◆ 有序列表
格式:

<ol>
    <li></li>    列表项
    <li></li>
    ...
</ol>

type:有序列表前的标记
    ★ 1:数字,默认
    ★ a:小写字母
    ★ A:大写字母
    ★ i:小写罗马数字
    ★ I:大写罗马数据
start:决定了开始的位置,例如3就代表从第三个开始。

注:一般设置列表样式,不直接在type属性中设置,都是通过css来设置。

示例:

<ol type="i">
    <li>纸上得来终觉浅</li>
    <li>绝知此事要躬行</li>
</ol>

效果图:

  1. 纸上得来终觉浅
  2. 绝知此事要躬行

◆ 自定义列表
格式:

<dl>
  <dt></dt>    小标题
  <dd></dd>   解释标题
  <dd></dd>   解释标题
  ...
</dl>

示例:

<dl>
  <dt>内容</dt> 
  <dd>纸上得来终觉浅</dd>
  <dd>绝知此事要躬行</dd>
</dl>

效果图:

内容
纸上得来终觉浅
绝知此事要躬行
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值