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

H5:列表

目录


一、前言

 二、正文

1.无序列表

2.有序列表

3.自定义列表

三、结语


一、前言

在开发场景中,列表的使用十分常见,我们开始介绍关于列表的标签使用

 二、正文

列表是用来表示数据,则用于布局。

列表的最大的特点就是整齐、整洁、有序,它作为布局会更加的自由和方便

根据使用情景的不同,列表可以分为三大类:无序列表、有序列表和自定义列表。

1.无序列表

ul标签表示HTML页面中项目中的无序列表,一般会以项目符号呈现列表项,而列表项使用li标签定义

<ul><li></li><li></li>
</ul>
  • 无序列表的各个列表项之间没有顺序级别之分,都是并列的。

  • ul标签中只能嵌套li。

  • li可以容纳其他标签。

  • 无序列表会带有自己的样式属性,但在实际使用时会使用CSS设置。

2.有序列表

ol标签为有序列表的标签,会按照一定的顺序排列定义。

在HTML标签中,ol标签用于定义有序列表,列表排序以数字来显示,并且使用li标签来定义列表项。

<ol><li>列表项1</li><li>列表项2</li><li>列表项3</li>.....
</ol>
  • ol只能嵌套li标签。

  • li标签中开放所有标签。

  • 有序标签会带有自己的样式属性,但在实际使用可以用CSS。

3.自定义列表

自定义列表用于对术语和名词进行解释和描述,定义列表的列表项前没有任何项目符号。

<dl><dt>名词1</dt><dd>名词1解释1</dd><dd>名词1解释2</dd>
</dl>

dl只能包含dt和dd标签。

dt和dd个数没有限制,经常是一个dt对应多个dd

三、结语

希望对你有所帮助,找个案例尝试一下吧。

相关文章:

  • MathType玩耍指南
  • 分享一个AI工程师从入门到精通学习路径
  • 智能合约的编程语言
  • 城市平均高温、平均低温数据爬取与可视化
  • 2195. 深海机器人问题(网络流,费用流,上下界可行流,网格图模型)
  • cookie和session的区别(七大不同)
  • [LeetBook]【学习日记】获取子字符串 + 颠倒子字符串顺序
  • Ruoyi框架上传文件
  • 超级副业SOP,各行各业,太全了!
  • VM新建虚拟机
  • Flask g对象和插件
  • 手写分布式配置中心(二)实现分布式配置中心的简单版本
  • 美摄科技实时语音数字人解决方案
  • Vue+OpenLayers7入门到实战目录
  • python--产品篇--游戏-坦克
  • 《Javascript高级程序设计 (第三版)》第五章 引用类型
  • bootstrap创建登录注册页面
  • ES6, React, Redux, Webpack写的一个爬 GitHub 的网页
  • ES6核心特性
  • Essential Studio for ASP.NET Web Forms 2017 v2,新增自定义树形网格工具栏
  • JavaScript工作原理(五):深入了解WebSockets,HTTP/2和SSE,以及如何选择
  • Mac转Windows的拯救指南
  • Promise面试题2实现异步串行执行
  • REST架构的思考
  • Web设计流程优化:网页效果图设计新思路
  • 不上全站https的网站你们就等着被恶心死吧
  • 从输入URL到页面加载发生了什么
  • 构建二叉树进行数值数组的去重及优化
  • 函数式编程与面向对象编程[4]:Scala的类型关联Type Alias
  • 基于 Ueditor 的现代化编辑器 Neditor 1.5.4 发布
  • 两列自适应布局方案整理
  • #LLM入门|Prompt#1.7_文本拓展_Expanding
  • (12)Linux 常见的三种进程状态
  • (8)STL算法之替换
  • (C语言)字符分类函数
  • (js)循环条件满足时终止循环
  • (二)Linux——Linux常用指令
  • (附源码)springboot太原学院贫困生申请管理系统 毕业设计 101517
  • (三) diretfbrc详解
  • (新)网络工程师考点串讲与真题详解
  • (转载)Linux网络编程入门
  • (自用)learnOpenGL学习总结-高级OpenGL-抗锯齿
  • ./include/caffe/util/cudnn.hpp: In function ‘const char* cudnnGetErrorString(cudnnStatus_t)’: ./incl
  • .NET 编写一个可以异步等待循环中任何一个部分的 Awaiter
  • .NET 自定义中间件 判断是否存在 AllowAnonymousAttribute 特性 来判断是否需要身份验证
  • .Net+SQL Server企业应用性能优化笔记4——精确查找瓶颈
  • .pop ----remove 删除
  • .vue文件怎么使用_vue调试工具vue-devtools的安装
  • @javax.ws.rs Webservice注解
  • [.NET 即时通信SignalR] 认识SignalR (一)
  • [2021]Zookeeper getAcl命令未授权访问漏洞概述与解决
  • [30期] 我的学习方法
  • [C++]:for循环for(int num : nums)
  • [CISCN2019 华东南赛区]Web4
  • [Docker]六.Docker自动部署nodejs以及golang项目