【2024】前端学习笔记2-有序列表-无序列表-描述列表

news2024/9/26 19:09:02

学习笔记

  • 有序列表:ol
    • 基本使用:
    • 嵌套使用
    • 扩展:使用CSS改变序号类型
  • 无序列表:ul
    • 基本使用
    • 扩展:使用CSS改变符号类型
    • 扩展:使用CSS定制列表样式
  • 描述列表:dl
    • 基本使用
    • 扩展:使用CSS定制类型格式
  • 总结

有序列表:ol

有序列表由<ol>标签包裹一组<li>(列表项)标签组成

有序列表通常用于展示有特定顺序的项目集合,比如步骤说明、排名列表等。

基本使用:

示例:

<body>
   <ol>
      <li>列表项 1</li>
      <li>列表项 2</li>
      <li>列表项 3</li>
   </ol>
</body>

展示效果:

在这里插入图片描述
也可以使用type属性改变序号样式

示例:

<body>
   <ol type="I" >
      <li>列表项 1</li>
      <li>列表项 2</li>
      <li>列表项 3</li>
   </ol>
</body>

展示效果:

在这里插入图片描述

嵌套使用

示例:

<body>
   <ol>
      <li>列表项 

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

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

相关文章

区块链之变:揭秘Web3对互联网的全面改变

随着技术的进步&#xff0c;区块链 逐渐从一个相对小众的概念演变为重塑互联网结构的核心力量。特别是 Web3 的兴起&#xff0c;标志着互联网进入了一个新的发展阶段。这一变革不仅仅是技术的升级&#xff0c;更是对互联网功能、数据控制和用户体验的全面重新定义。本文将详细探…

数学建模笔记—— 回归分析

数学建模笔记—— 回归分析 回归分析1. 回归分析的一般步骤2. 一元线性回归分析2.1 具体过程2.1.1 确定回归方程中的解释变量和被解释变量2.1.2 确定回归模型和建立回归方程2.1.3 利用回归直线进行估计和预测2.1.4 对回归方程进行各种检验(补充)1. 回归直线的拟合优度2. 显著性…

哪款提醒软件能清晰展示每日工作任务?

在快节奏的工作环境中&#xff0c;每天的工作任务堆积如山&#xff0c;如何有效地整理和清晰查看这些任务&#xff0c;成为了提高工作效率的关键。一款优秀的提醒软件能够帮助我们将任务条理化&#xff0c;确保每一项工作都能按时完成。 敬业签就是这样一款能够清晰展示每日工…

VR 尺寸美学主观评价-解决方案-现场体验研讨会报名

棣拓科技VR创新解决方案助力尺寸美学所见即所得! 诚邀各位行业专家莅临指导交流 请扫描海报二维码踊跃报名&#xff0c;谢谢 中国上海 2024.10.25 亮点介绍 1、通过精湛渲染技术&#xff0c;最真实展现设计效果&#xff0c;并通过VR设备一比一比例进行展现。 2、设置相关设…

suid提权的环境搭建+反弹shell

SUID&#xff08;Set User ID&#xff09;是一种特殊的文件权限设置&#xff0c;它允许文件在执行时具有文件所有者的权限。当具有SUID权限的文件被执行时&#xff0c;执行该文件的用户会暂时获得文件所有者的权限。这种权限通常用于需要高权限操作的程序&#xff0c;如‌passw…

建筑用能该如何统一管理?水电气集抄太麻烦?!看看这个吧!建筑能耗分析管理系统 您的运维“好帮手”

安科瑞刘鸿鹏 随着工业化和信息化进程的加速&#xff0c;企业对能源管理的需求愈加迫切。安科瑞电气股份有限公司推出的Acrel-5000能耗管理系统运用物联网技术&#xff0c;实时采集电表、水表、燃气表等能源计量仪表的数据&#xff0c;并结合大数据技术进行处理和存储。该平台旨…

uniapp(H5)设置反向代理,设置成功后页面报错

设置反向代理后&#xff0c;页面报错图&#xff1a; 反向代理代码&#xff1a;devServer下面就是配置对应的代理&#xff0c;一般这样就没问题了 "h5": {"router": {"mode": "hash"},"devServer": {"port": 517…

基于SpringBoot+Vue的古诗词学习软件系统

作者&#xff1a;计算机学姐 开发技术&#xff1a;SpringBoot、SSM、Vue、MySQL、JSP、ElementUI、小程序等&#xff0c;“文末源码”。 专栏推荐&#xff1a;前后端分离项目源码、SpringBoot项目源码、SSM项目源码 系统展示 【2025最新】基于JavaSpringBootVueMySQL的古诗词学…

9月编程排行榜来了!C语言跌至历史最低!

9月的编程语言排行榜终于出炉&#xff0c;令人意外的是&#xff0c;曾经风靡全球、无数开发者的首选——C语言&#xff0c;竟然跌到了历史最低点&#xff01;这一变化引发了整个编程社区的广泛关注和讨论。 大家周三好呀&#xff01;又来到金秋九月&#xff0c;又到了TIOBE编程…

【MATLAB源码-第264期】基于matlab的跳频通信系统仿真,采用MSK调制方式,差分解调;输出误码率曲线和各节点波形图。

操作环境&#xff1a; MATLAB 2022a 1、算法描述 跳频通信系统是一种能够提高通信抗干扰能力的技术&#xff0c;它通过在传输过程中不断地改变载波频率来避开干扰或者窃听。在这套跳频通信系统中&#xff0c;我们采用了最小频移键控&#xff08;MSK&#xff09;作为调制方式…

Jenkins 详解,几分钟学会,自动编译/部署/发布软件

大家好&#xff0c;欢迎来到停止重构的频道。 本期我们详细讨论Jenkins。 随着互联网应用越来越多&#xff0c;系统规模也越来越大&#xff0c;DevOps、CI/CD等概念也被重视起来&#xff0c;持续交付/持续集成/自动化部署等理念也被越来越多的团队接受。 而本期介绍的Jenkin…

智能交通(三)——Elsevier特刊推荐

特刊征稿 01 期刊名称&#xff1a; Vehicular Communications 特刊名称&#xff1a; Computational Aspects of Vehicular Networks 截止时间&#xff1a; 论文提交日期:2024年7月21日 录用通知:2024年9月30日 期末论文:2024年10月30日 目标及范围&#xff1a; 主题包括…

windows10下本机FTP服务搭建教程

文章目录 前言一、FTP服务器简介二、开启FTP服务站点&#xff08;所有用户可访问&#xff09;1.安装FTP服务2.配置FTP服务器3.本机访问ftp服务 三、开启FTP服务站点&#xff08;指定用户可访问&#xff09;1.创建本地用户2.添加FTP站点3.本机访问ftp服务 总结 前言 ftp服务器主…

Linux——分离部署,分化压力

PQS/TPS 每秒请求数/ 每秒事务数 // 流量衡量参数 可以根据预估QPS 和 服务器的支持的最高QPS 对照计算 就可以得出 需要上架的服务器的最小数量 PV 页面浏览数 UV 独立用户访问量 // 对于网站的总体访问量 response time 响应时间 // 每个请求的响应时间…

828华为云征文 | Flexus X实例与Harbor私有镜像仓库的完美结合

前言 华为云828企业上云节&#xff0c;Flexus X实例携手Harbor私有镜像仓库&#xff0c;共创云上安全高效新生态&#xff01;Flexus X以其卓越性能与稳定性&#xff0c;为Harbor提供了理想的运行环境。Harbor作为领先的私有镜像仓库&#xff0c;与Flexus X完美结合&#xff0c;…

[OpenGL]使用OpenGL绘制三角形

一、简介 本文介绍了如何在linux/win(wsl2)环境下&#xff0c;使用GLFWGLAD实现绘制三角形。 本文内容基本根据LearnOpengGL-入门-你好&#xff0c;三角形整理完成&#xff0c;读者也可以参考LearnOpengGL-入门-你好&#xff0c;三角形自行学习如何使用OpenGL绘制三角形。 按…

【人工智能学习笔记】3_2 机器学习基础之机器学习经典算法介绍

线性回归算法的定义和任务类型 定义:线性回归是利用数理统计中回归分析,来确定两种或两种以上变量间相互依赖的定量关系的一种统计分析方法任务类型:回归应用场景:异常指标监控 农业贷款监控过拟合和欠拟合 定义:过拟合和欠拟合用来度量模型泛化能力的直观表现欠拟合:模型…

笔记共享平台|基于Java+vue的读书笔记共享平台系统(源码+数据库+文档)

笔记共享平台|读书笔记共享平台系统 目录 基于Javavue的读书笔记共享平台系统 一、前言 二、系统设计 三、系统功能设计 四、数据库设计 五、核心代码 六、论文参考 七、最新计算机毕设选题推荐 八、源码获取&#xff1a; 博主介绍&#xff1a;✌️大厂码农|毕设布道…

基于大数据的科研热点分析与挖掘系统

温馨提示&#xff1a;文末有 CSDN 平台官方提供的学长 QQ 名片 :) 1. 项目简介 科研活动的快速发展产生了大量的学术文献&#xff0c;如何从这些文献中提炼出有价值的科研热点和趋势成为了一个重要的问题。本项目旨在开发一个基于大数据的科研热点分析可视化系统&#xff0c;采…

微模块冷通道动环监控:智能化数据中心管理利器@卓振思众

在现代数据中心和机房管理中&#xff0c;微模块冷通道动环监控系统的引入&#xff0c;标志着对冷却和环境管理的新纪元。这一系统不仅提升了数据中心的运维效率&#xff0c;还对设备的安全性和稳定性提供了强有力的保障。本文将详细探讨微模块冷通道动环监控的功能和其在数据中…