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

html的列表标签

previewfile_2413284026

列表标签

列表在html里面经常会用到的,主要使用来布局的,使其整齐好看.
image-20240216125313445

在这里插入图片描述

无序列表

  • 无序列表[重要]: ulli

示例代码1:

image-20240216153022684

对应的效果:

image-20240216155841919

无序列表的属性

属性描述
typediscsquarecirlce规定列表的项目符号的类型

注:disc是 浏览器默认展示方式,默认展示方式可以不写该代码
示例代码2:

运行效果:

image-20240216161335398

有序列表

  • 有序列表[用的不多]:ol, li

示例代码1:

image-20240216170639548

运行效果:

image-20240216170717354

有序列表的属性

属性描述
typea表示小写英文字母编号
A表示大写英文字母编号
i表示小写罗马数字编号
表示大写罗马数字编号
1表示数字编号(默认)
规定列表的类型
startnumber一个整数值属性,指定了列表编号的起始值

示例代码2:
image-20240216181032761

运行效果:

image-20240216175945922

示例代码3:

image-20240216183113200

运行效果:
image-20240216183306579

自定义列表

  • 自定义列表[重要] :dl(总标签) ,dt(小标题), dd(围绕标题来说明)上面有个小标题,下面有几个围绕着标题来展开的.

示例代码:

image-20240216191722457

运行效果:

image-20240216191700431
小知识(希望能够帮到你)
ul是unordered lists的缩写(无序列表)
li是list item的缩写(列表项目)
ol是ordered lists的缩写(有序列表)
dl是definition lists的英文缩写(自定义列表)
dt是definition term的缩写(自定义列表组)
dd是definition description的缩写(自定义列表描述)
nl是navigation lists的英文缩写(导航列表)
tr是table row的缩写(表格中的一行)
th是table header cell的缩写(表格中的表头)
td是table data cell的缩写(表格中的—个单元格)

HTML 列表 | 菜鸟教程 (runoob.com)

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 入门【网络安全/黑客】启蒙教程
  • Hypervisor是什么
  • 利用ChatGPT提升工作效率
  • 说一下 JVM 有哪些垃圾回收算法?
  • 关于深度学习和大模型的基础认知
  • MySQL-基本使用,数据类型,简单操作
  • 机器人内部传感器阅读笔记及心得-位置传感器-光电编码器
  • 2024.2.19 模拟实现 RabbitMQ —— 虚拟主机设计
  • 小清新卡通人物404错误页面源码
  • msvcp140.dll丢失的解决方法,msvcp140.dll丢失的原因和
  • 【Pytorch 基础教程2】10分钟掌握Tensor基础 VSCode +Pytorch配置
  • 【Python】OpenCV-图片添加水印处理
  • 计网day5
  • 已解决:IDEA中@Autowired自动注入MyBatis Mapper报红警告的几种解决方法
  • JAVA工程师面试专题-JVM篇
  • 【402天】跃迁之路——程序员高效学习方法论探索系列(实验阶段159-2018.03.14)...
  • 【5+】跨webview多页面 触发事件(二)
  • Angular数据绑定机制
  • C语言笔记(第一章:C语言编程)
  • github从入门到放弃(1)
  • JavaScript设计模式与开发实践系列之策略模式
  • LeetCode刷题——29. Divide Two Integers(Part 1靠自己)
  • Objective-C 中关联引用的概念
  • 创建一种深思熟虑的文化
  • 跨域
  • 如何设计一个微型分布式架构?
  • 深入浅出webpack学习(1)--核心概念
  • 我是如何设计 Upload 上传组件的
  • ​【经验分享】微机原理、指令判断、判断指令是否正确判断指令是否正确​
  • ( 用例图)定义了系统的功能需求,它是从系统的外部看系统功能,并不描述系统内部对功能的具体实现
  • (zt)最盛行的警世狂言(爆笑)
  • (八)c52学习之旅-中断实验
  • (备份) esp32 GPIO
  • (超简单)使用vuepress搭建自己的博客并部署到github pages上
  • (附源码)基于ssm的模具配件账单管理系统 毕业设计 081848
  • (论文阅读32/100)Flowing convnets for human pose estimation in videos
  • (三)Honghu Cloud云架构一定时调度平台
  • (十)c52学习之旅-定时器实验
  • (四)鸿鹄云架构一服务注册中心
  • (五) 一起学 Unix 环境高级编程 (APUE) 之 进程环境
  • (转)EXC_BREAKPOINT僵尸错误
  • (轉貼) 蒼井そら挑戰筋肉擂台 (Misc)
  • .CSS-hover 的解释
  • .net framework profiles /.net framework 配置
  • .Net 垃圾回收机制原理(二)
  • .NET面试题解析(11)-SQL语言基础及数据库基本原理
  • .NET应用架构设计:原则、模式与实践 目录预览
  • .Net转前端开发-启航篇,如何定制博客园主题
  • @FeignClient 调用另一个服务的test环境,实际上却调用了另一个环境testone的接口,这其中牵扯到k8s容器外容器内的问题,注册到eureka上的是容器外的旧版本...
  • @vueup/vue-quill使用quill-better-table报moduleClass is not a constructor
  • [ vulhub漏洞复现篇 ] Hadoop-yarn-RPC 未授权访问漏洞复现
  • [ vulhub漏洞复现篇 ] Jetty WEB-INF 文件读取复现CVE-2021-34429
  • [ 云计算 | Azure 实践 ] 在 Azure 门户中创建 VM 虚拟机并进行验证
  • [AutoSar]BSW_Memory_Stack_004 创建一个简单NV block并调试
  • [CISCN2019 华东南赛区]Web4