HTMl基本知识点——列表

本文详细介绍了HTML中的三种列表:无序列表、有序列表和定义列表。包括它们的基本语法、常用属性及示例,帮助读者掌握如何在网页中正确使用这些列表。

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

列表的标记

  无序列表<ul>...</ul> 、有序列表<ol>....</ol> 、自定义列表<dl>....</dl>

注:unordered list、orderedlist、definition list、

  无序列表:语法

<ul type=”项目符号类型”>

    <litype=”项目符号类型”>内容1</li>

    <litype=”项目符号类型”>内容2</li>

    .......

</ul>

<li></li>是一个项目,type的属性值:disc--●(默认);circle--○ ;square--■

  有序列表:语法

<ol start=”列表起点” type=”项目符号类型”>

    <li>内容1</li>

    <li>内容2</li>

    ........

</ol>

属性名称

属性值

说明

type

1(默认)

表示用1,2,3,4排序

a

表示用a,b,c,d排序

A

表示用A,B,C,D排序

表示用ⅰⅱⅲⅳ排序

表示用ⅠⅡⅢⅣ排序

    注:start的属性值是1,2,3,4这样的数字,表示从第几个开始例如:<ol start=”26”type=”a”>..</ol>则该有序列表里的第一条项目的序号是z

  定义列表:语法

<dl>

    <dt>标题1</dt>

    <dd>内容1</dd>

    <dd>内容2</dd>

    <dt>标题2</dt>

    <dd>内容1</dd>

    <dd>内容2</dd>

.........

</dl>

Ø  <dt>...</dt>表示一个项目

Ø  <dd>...</dd>表示一个项目下的更详细的内容解释

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值