HTML常见的列表标签

目录

  • 🍧无序列表
  • 🍧有序列表
  • 🍧 定义列表
  • 🍧 菜单列表

🍧无序列表

ul+li的组合,ul标签与li标签之间尽量不要写标签或内容

列表可以嵌套多层


type属性,可以指定序号的类型

    可选值:默认值,使用阿拉伯数字a/A 采用小写或大写字母作为序号i/I 采用小写或大写的罗马数字作为序号
<ul>这是ul和li之间<li>无序列表,第1个列表项</li><li>无序列表,第2个列表项</li><li>无序列表,第3个列表项</li><li>无序列表,第4个列表项</li>
</ul>

;

🍧有序列表

ol+li的组合,ol标签与li标签之间尽量不要写标签或内容

列表可以嵌套多层

type属性可以修改无序列表的项目符号

属性符号
disc默认值,实心的圆点
square实心的方块
circle空心的圆

 <ol>这是ol与li之间<li>无序列表、第1个列表项</li><li>无序列表、第2个列表项</li><li>无序列表、第3个列表项</li><li>无序列表、第4个列表项</li></ol>

;

🍧 定义列表

定义列表的每一个定义项是由dt(Define Title)与dd(Define Description)组成。
dl:定义列表标签
dt:表示定义项0的标题
dd:表示对上一个dt中的标题内容进行描述或补充说明


<dl><dt>赵本山</dt><dd>春晚常驻选手,国内一线大品牌</dd><dd>乡村爱情故事,二人转,小品</dd></dl>

;

🍧 菜单列表

菜单列表是HTML版本中新增的列表标签,
实际上就是ul标签(无序列表)


  <!-- 菜单列表是HTML版本中新增的列表标签,实际上就是ul标签(无序列表) --><menu><li>首页</li><li>商品</li><li>专题</li><li>用户</li><li>版权</li></menu>

最后,几种列表标签中最常用的只有ul,当然也有新版本的menu标签。其他的2种标签(ol与dl),基本不使用。

:
OK,以上就是关于HTML常见的列表标签的常见内容啦!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/213983.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

15:00面试,15:06就出来了,问的问题太变态了。。

刚从小厂出来&#xff0c;没想到在另一家公司我又寄了。 在这家公司上班&#xff0c;每天都要加班&#xff0c;但看在钱给的比较多的份上&#xff0c;也就不太计较了。但万万没想到5月一纸通知&#xff0c;所有人不准加班了&#xff0c;不仅加班费没有了&#xff0c;薪资还要降…

有病但合理的 ChatGPT 提示语

ChatGPT 面世一年多了&#xff0c;如何让大模型输出高质量内容&#xff0c;让提示词工程成了一门重要的学科。以下是一些有病但合理的提示词技巧&#xff0c;大部分经过论文证明&#xff0c;有效提高 ChatGPT 输出质量&#xff1a; ​1️⃣ Take a deep breath. 深呼吸 ✨ 作用…

ChatGPT胜过我们人类吗?

引言 人工智能&#xff08;AI&#xff09;一直是众多技术进步背后的驱动力&#xff0c;推动我们走向曾经是科幻小说领域的未来。这些进步的核心引出这样一个深刻的问题&#xff1a;机器能思考吗&#xff1f;这一问题由英国数学家和计算机科学家艾伦图灵&#xff08;Alan Turin…

SSL安全证书怎么查看证书类型?

SSL安全证书是一种用于确保互联网通信安全的协议。它通过加密数据传输以保护敏感信息不被窃取或篡改。在浏览器中&#xff0c;我们可以轻松查看SSL安全证书的类型。本文将详细介绍如何查看证书类型&#xff0c;并探讨不同类型的SSL证书的用途和特点。 要查看SSL安全证书的类型&…

关于粒子群算法的一些简单尝试

粒子群算法核心思想&#xff1a;&#xff08;鸟 粒子&#xff09; &#xff08;1&#xff09;许多的鸟站在不同的地方&#xff1b; &#xff08;2&#xff09;每一只鸟都有自己寻找食物的初始飞行方向、飞行速度&#xff1b; &#xff08;3&#xff09;这些鸟儿每隔一段时间…

ISP-EE(Edge Enhance)

ISP-EE(Edge Enhance) EE模块在某些ISP主控中叫做sharpness或者sharpen&#xff0c;这些名称指代的模块是同一个&#xff0c;不用再纠结。主要就是在YUV域内弥补成像过程中图像的锐度损失&#xff0c;对边缘和细节进行加强&#xff0c;从而恢复场景本应具有的自然锐度。 锐度…

Linux基础指令(2)

今天我们继续来学我们有关于Linux的指令&#xff0c;今天的指令要比上次多多了。开始我们的学习吧。 man手册 先来看标题&#xff0c;手册我们第一时间想到的就是手册的查阅功能&#xff0c;我们都知道在我们上小学的时候&#xff0c;如果遇到不会的字&#xff0c;我们会通过…

网络工程师【目录】

前言 从2023年下半年开始&#xff0c;所有的软考全面改革&#xff0c;由原来的笔试改为机考&#xff0c;据说难度会有一些增加&#xff0c;望悉知。 报名地址&#xff1a;中国计算机技术职业资格网 历史报名时间和考试时间&#xff1a;3月份报名&#xff0c;5月底考试&#xf…

互联网商业史--1.3Q大战

一.起因 奇虎360与腾讯间的纠葛被业界形象地称为“3Q大战”。 这场大战源于双方之间的“互掐”。 双方为了各自利益&#xff0c;从2010年到2014年&#xff0c;上演了一系列互联网之战&#xff0c;并走上诉讼之路 腾讯先是推出QQ医生1.0&#xff0c;随后推出QQ医生3.2&#x…

【wvp】无响应sip 日志记录

23-12-11 17:25:18.179 [https-jsse-nio-8970-exec-7] INFO c.g.wvp.vmp.gb28181.transmit.cmd.impl.SIPCommander - 34010200001130000006_34010200001310000006 分配的ZLM为: wvpmediaserver001 [10.30.2.8:30406] 2023-12-11 17:25:18.337 [wvp-9] INFO c.g.w.v.g.t.e.r.i…

【高数:3 无穷小与无穷大】

【高数&#xff1a;3 无穷小与无穷大】 1 无穷小与无穷大2 极限运算法则3 极限存在原则4 趋于无穷小的比较 参考书籍&#xff1a;毕文斌, 毛悦悦. Python漫游数学王国[M]. 北京&#xff1a;清华大学出版社&#xff0c;2022. 1 无穷小与无穷大 无穷大在sympy中用两个字母o表示无…

IvorySQL荣获 OSCHINA「2023 年度优秀开源技术团队」奖

2023 年&#xff0c;OSCHINA 综合平台上各大认证官方技术团队、开源社区帐号年度发表的内容深度及广度、开展各种活动运营影响力等多方面的表现&#xff0c;瀚高股份IvorySQL荣获 OSCHINA颁布的「2023 年度优秀开源技术团队」奖项。未来&#xff0c;IvorySQL将继续为国内开源事…

golang游戏服务器 - tgf系列课程04

用户登录 介绍了如何使用tgf自带的登录功能进行用户的登录操作,并且编写机器人客户端的一个模拟请求代码需求描述 用户请求登录,登录成功之后请求HelloWorld接口.Common 接口定义和生成接口定义 新增登录接口 type IHallService interface {Login(ctx context.Context, args…

Hough算法数学原理

直线的极坐标方程&#xff1a; x x 0 r cos ⁡ θ x x_0 r\cos \theta xx0​rcosθ y y 0 r sin ⁡ θ y y_0 r\sin \theta yy0​rsinθ x cos ⁡ θ x 0 cos ⁡ θ r cos ⁡ 2 θ x \cos \theta x_0 \cos \theta r \cos^2 \theta xcosθx0​cosθrcos2θ y sin ⁡ θ…

E4990A 阻抗分析仪,20 Hz 至 10/20/30/50/120 MHz

01 E4990A 阻抗分析仪 20 Hz 至 10/20/30/50/120 MHz 产品综述&#xff1a; E4990A 阻抗分析仪具有 20 Hz 至 120 MHz 的频率范围&#xff0c;可在宽阻抗范围内提供出色的 0.045%&#xff08;典型值&#xff09;基本准确度&#xff0c;并内置 40 V 直流偏置源&#xff0c;适…

计算机科学与技术认识实习【报告】

一、实习目的 此次认识实习主要面对计算机科学与技术专业的同学&#xff0c;了解专业在未来的发展趋势&#xff0c;通过观看公司的介绍视频和技术发展情况招聘信息后的感想和学习体会等多种方式&#xff0c;使我们了解本专业相关领域的发展现状&#xff0c;让我们在校园内课堂上…

C# 数据的保存和提取(.TXT格式)

红色部分的才是最终版 一、将页面内容保存到文件中 第一步 创建Visual的Windows窗体应用,使用的是 第二步 创建几个Label控件、TextBox控件、以及Button按钮,而TextBox控件放入Panel中 第三步 先对写法进行了解,了解保存的语句 StreamWriter sw= new StreamWriter(TXT…

从视频中截取指定帧图片

前言&#xff1a; 我们在很多时候需要对视频文件进行分析&#xff0c;或者对视频产生缩略图。因此视频截取技术必不可少。 从本地文件中读取视频帧 导包 <dependency><groupId>org.jcodec</groupId><artifactId>jcodec</artifactId><versio…

http代理和SOCK5代理谁更安全?

在这个网络化的时代&#xff0c;我们常常听到HTTP代理和SOCKS5代理这两个名词&#xff0c;不过很多人并不了解是什么意思。今天&#xff0c;我们将揭开这两种代理的神秘面纱&#xff0c;看看到底HTTP代理和SOCKS5代理哪个更安全&#xff1f; HTTP代理&#xff1a;高效通信的“枢…

Anaconda+Pytorch(GPU版)深度学习环境配置笔记

主要参考以下文章进行配置&#xff1a; https://blog.csdn.net/qq_43757976/article/details/131173301 配置版本略有更新&#xff0c;最新版本时间为2023.12.11 一、准备工作 个人电脑配置&#xff1a;laptop RTX4060 win11 个人配置版本&#xff1a;cuda&#xff08;12.1&…