使用HTML开发网页站点---列表

本文详细介绍了HTML中无序列表、有序列表及定义列表的使用方法。无序列表通过<ul>和<li>标签创建,type属性可设置不同的项目符号。有序列表则使用<ol>和<li>,type属性可设定序号样式。定义列表用<dl>、<dt>和<dd>展示术语及其定义。了解这些标签有助于提升网页内容的组织和呈现效果。
摘要由CSDN通过智能技术生成

 

1、无序列表:在HTML中,使用<ul> 标签标示无序列表,使用<li> 标示列表项,其语法:

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

<li>列表项内容</li>

<li>列表项内容</li>

<li>列表项内容</li>

</ul>

2、无序列表标签的type属性决定了列表项开始的符号,它可以取disc(默认值,表实心圆)、circle(空心圆环)、和Square(正方形)这3个值.

有序列表:无序列表显示的列表项通常是没有顺序的,如何要顺序显示列表中的列表项,则可以采用有序列表标签。有序列表标签显示的列表项没有明显的先后顺序,它由<ol>和<li>组成,<ol>表示有序列表,<li>是有序列表的列表项。其语法如下:

<ol type="序号类型">

<li>列表项<li>

<li>列表项<li>

<li>列表项<li>

</ol>

有序列表中的type属性决定有序列表的序号类型,它可以取1、a、A、i和I这五个值,它们分别表示数字序列,小写英文字母序列,大写英文字母序列、小写罗马数字序列以及大写罗马数字序列。

3、定义列表:定义列表用于描述某个术语或产品的定义或解释,它使用<dl> 表示定义列表、<dt>表示定义列表的标题、<dd>表示定义的描述。其语法如下:

<dl>

<dt>标题</dt>

<dd>描述</dd>

</dl>

在<dl>中,<dt>与<dd>的个数对应关系可以是一对多或者多对一。

 

 

 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值