网站首页 > 技术文章 正文
列表
列表是一个接一个显示条目的首选方式,而不是使用<br>标记。完整的列表定义包括开始和结束标记,以及表示列表中每个条目的标记。
有三种类型的列表:有序列表、无序列表和定义列表。
无序列表
无序列表是一个带条目符号的列表,类似于菜单。
无序列表 - <ul> ... </ul>
ul标记定义无序列表的开始和结束,列表项包含在ul标记中。
无序列表项 - <li> ... </li>
li标记添加每个条目的文本,每个列表项必须有自己的li标记。
符号类型 <ul type="disc | circle | square">
默认情况下,浏览器将显示圆形条目符号。这可以通过使用ul标记的type属性来更改,这将更改整个列表的条目符号类型。
条目符号类型 <li type="?">
通过设置li标记的type属性,可以为列表中的某个条目设置不同的符号类型。
例子
以下是无序列表的示例:
浏览器显示内容如下所示:
有序列表
此列表用于创建带有编号或字母的可索引列表。
有序列表 - <ol> ... </ol>
ol标记定义有序列表的开始和结束。列表项在标记之间按顺序排列。
有序列表项 - <li> ... </li>
有序列表的条目也使用li标记,但这次浏览器会自动给每个条目编号,而不是显示条目符号。
列表索引类型 - <ol type="A | a | I | i | 1">
使用type=“?”设置列表索引的类型。默认样式是数字,还可以从大写或小写、字母或罗马数字中进行选择。
列表起始位置 - <ol start=“?”>
如果不希望列表从1或A开始,可以设置起始编号(或字母)。
条目索引值<li Value=“?”>
如果不希望列表项跟随前一个字母或数字,则可以手动设置列表中间的索引值,只需设置条目的value属性。注意:后续列表项将遵循新值。
例子
以下是有序列表的示例:
浏览器显示内容如下所示:
定义列表
这种类型的列表用于定义和描述术语,很像字典。通常,列表中的术语由一个术语标题和术语定义组成。浏览器通常会加粗术语标题,并缩进术语定义。
定义列表-<dl></dl>
dl标记设置定义列表的开始和结束,所有条目都在dl标记内,每个条目通常由一个dt和一个dd元素组成。
定义标题-<dt></dt>
dt标记表示术语的标题。注意:可以有一个没有定义的术语,也可以有多个具有相同定义的术语。
定义说明-<dd></dd>
dd标记表示术语的定义。注意:一个术语可以有多个定义。
例子
以下是定义列表的示例:
浏览器显示内容如下所示:
猜你喜欢
- 2025-06-13 8个步骤,创建项目管理时间表(建立项目管理系统)
- 2025-06-13 配电柜里最全电气原件 安装 排序 电气元件名称 让你一目了然 电工必备
- 2025-06-13 家族坟墓的多种排列形式,墓葬布局的排列布局(图解)
- 2024-10-03 17种编程语言实现排序算法-插入排序
- 2024-10-03 前端工程师算法系列(4)-归并排序 归并排序js代码
- 2024-10-03 插入排序java java排序实现
- 2024-10-03 插入排序算法 插入排序算法c语言
- 2024-10-03 十大排序算法(javascript) 十大排序算法c语言
- 2024-10-03 常考算法题:无重复字符串的排列组合
- 2024-10-03 职场人士必备的“重要紧急排序法”,你一直用错了
你 发表评论:
欢迎- 592℃几个Oracle空值处理函数 oracle处理null值的函数
- 585℃Oracle分析函数之Lag和Lead()使用
- 572℃0497-如何将Kerberos的CDH6.1从Oracle JDK 1.8迁移至OpenJDK 1.8
- 570℃Oracle数据库的单、多行函数 oracle执行多个sql语句
- 566℃Oracle 12c PDB迁移(一) oracle迁移到oceanbase
- 558℃【数据统计分析】详解Oracle分组函数之CUBE
- 543℃最佳实践 | 提效 47 倍,制造业生产 Oracle 迁移替换
- 539℃Oracle有哪些常见的函数? oracle中常用的函数
- 最近发表
- 标签列表
-
- 前端设计模式 (75)
- 前端性能优化 (51)
- 前端模板 (66)
- 前端跨域 (52)
- 前端缓存 (63)
- 前端react (48)
- 前端aes加密 (58)
- 前端脚手架 (56)
- 前端md5加密 (54)
- 前端路由 (61)
- 前端数组 (73)
- 前端js面试题 (50)
- 前端定时器 (59)
- 前端懒加载 (49)
- Oracle RAC (73)
- oracle恢复 (76)
- oracle 删除表 (48)
- oracle 用户名 (74)
- oracle 工具 (55)
- oracle 内存 (50)
- oracle 导出表 (57)
- oracle 中文 (51)
- oracle的函数 (57)
- 前端调试 (52)
- 前端登录页面 (48)
本文暂时没有评论,来添加一个吧(●'◡'●)