前台学习笔记逐个HTML常用标签之列表标签

作者 : 开心源码 本文共586个字,预计阅读时间需要2分钟 发布时间: 2022-05-13 共235人阅读

HTML常用标签之列表标签

列表标签的用途,就是用于编排短语句的文字。

1.无序列表

在无序列表中,各个列表项之间没有顺序级别之分,它通常使用一个项目符号作为每个列表项的前缀。

设置无序列表的类型—type
无序列表的默认符号是圆点(● )。� <ul>元素有type属性,通过定义不同的type属性可以改变列表的项目符号。目前,type属性的属性值有:�disc(圆●)、circle(圆圈○ )、square(方块■ )

定义无序列表要用<ul>标签与<li>标签,例如下:

image

网页显示如下

image

2.有序列表

有序列表中的项目采用数字或者英文字母开头,通常各项目间有先后的顺序性

*默认情况下,有序列表的序号是数字的,通过type属性可以调整序号的类型 *

定义有序列表 要用<ol>标签<li>标签,例如下

image

网页显示如下

image

3.<li>标签

<li>标签定义列表项目。

<li>标签可用在有序列表(<ol>)和无序列表(<ul>)中。例 :

image

网页显示如下

image

4.<dl>标签

<dl>标签定义了定义列表(definition list)。

<dl>标签用于结合<dt>(定义列表中的项目)和<dd>(形容列表中的项目)

5.<dt>标签

<dt>标签定义了定义列表的项目(既术语部分)。

6.<dd>标签

<dd>在定义列表中定义条目的定义部分。

image

网页显示如下

image

说明
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是摆设,本站源码仅提供给会员学习使用!
7. 如遇到加密压缩包,请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » 前台学习笔记逐个HTML常用标签之列表标签

发表回复