当前位置: 首页 > news >正文

HTML(五)列表详解

在HTML中,列表可以分为两种,一种为有序列表。另一种为无序列表

今天就来详细讲解一下这两种列表如何实现,效果如何

1.有序列表

有序列表的标准格式如下:

   <ol><li>列表项一</li><li>列表项二</li></ol>

这里的列表项可以随意更改内容,使用示例如下:

<!DOCTYPE html>
<html><head><meta charset="UTF-8" /><title>title</title>
</head><body><ol><li>吃饭</li><li>睡觉</li></ol></body>
</html>

效果图如下:

2.有序列表更改前导符

什么是前导符?

前导符就是我们在使用列表打出文字前的小标题,如上图中的 1.    2. 这些都是前导符


前导符的标准语言使用如下:

 <ol type="前导符"><li>列表项一</li><li>列表项二</li></ol>

 这里的前导符有五种,如下图:

 接下来是实际代码演示+效果

<!DOCTYPE html>
<html><head><meta charset="UTF-8" /><title>title</title>
</head><body><ol type="a"><li>列表项一</li><li>列表项二</li></ol><ol type="A"><li>列表项一</li><li>列表项二</li></ol><ol type="1"><li>列表项一</li><li>列表项二</li></ol><ol type="i"><li>列表项一</li><li>列表项二</li></ol><ol type="I"><li>列表项一</li><li>列表项二</li></ol>
</body>
</html>


 3.无序列表

在HTML中另外一种列表被称作无序列表,无序列表与有序列表极其相似,只有微小的差距

无序列表标准格式如下:

    <ul><li>列表项一</li><li>列表项儿</li></ul>

无序列表使用及效果如下:

<!DOCTYPE html>
<html><head><meta charset="UTF-8" /><title>title</title>
</head><body><ul><li>吃饭</li><li>睡觉</li></ul></body>
</html>


 4.无序列表更改前导符

这里不做演示了,与有序列表使用方法相同

http://www.lryc.cn/news/459292.html

相关文章:

  • SparkSQL介绍及使用
  • 【聚星文社】3.2版一键推文工具更新啦
  • C++基础补充(03)C++20 的 std::format 函数
  • [论文笔记]DAPR: A Benchmark on Document-Aware Passage Retrieval
  • Spring Boot知识管理:智能搜索与分析
  • 操作系统(2) (进程调度/进程调度器类型/三种进程调度/调度算法)
  • 鸿蒙--知乎评论
  • 2024 - 两台CentOS服务器上的1000个Docker容器(每台500个)之间实现UDP通信(C语言版本)
  • 小程序该如何上架
  • XMOJ3065 旅游线路
  • 量化之一:均值回归策略
  • NVIDIA Bluefield DPU上的启动流程4个阶段分别是什么?作用是什么?
  • 最优美公式-欧拉公式,轻松理解版
  • 【力扣 | SQL题 | 每日3题】力扣1107,1112, 1077
  • 计算机网络(十一) —— 数据链路层
  • 使用PyTorch从0实现Fashion-MNIST数据集分类
  • Java数组的值拷贝和地址拷贝
  • 类与对象 中(剩余部分) 以及 日历
  • iOS 14 自定义画中画悬浮窗 Custom AVPictureInPictureController 实现方案
  • 【C#生态园】完整解读C#网络通信库:从基础到实战应用
  • js面试题---事件委托是什么
  • 谷歌浏览器 文件下载提示网络错误
  • 【记录】PPT|PPT 箭头相交怎么跨过
  • Linux中如何修改root密码
  • 中间件:SpringBoot集成Redis
  • 数据中心建设方案,大数据平台建设,大数据信息安全管理(各类资料原件)
  • TDD(测试驱动开发)是否已死?
  • Debezium系列之:实时从TDengine数据库采集数据到Kafka Topic
  • 数据结构(一)顺序表
  • 如何在 Jupyter Notebook 执行和学习 SQL 语句(中)