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

0基础学习HTML(十一)列表

HTML 列表


HTML 支持有序、无序和定义列表:

HTML 列表

有序列表

  1. 第一个列表项
  2. 第二个列表项
  3. 第三个列表项

无序列表

  • 列表项
  • 列表项
  • 列表项

HTML无序列表

无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。

无序列表使用 <ul> 标签

<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>

浏览器显示如下:

  • Coffee
  • Milk

HTML 有序列表

同样,有序列表也是一列项目,列表项目使用数字进行标记。 有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。

列表项使用数字来标记。

<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>

浏览器中显示如下:

  1. Coffee
  2. Milk

HTML 自定义列表

自定义列表不仅仅是一列项目,而是项目及其注释的组合。

自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。

<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>

浏览器显示如下:

Coffee

- black hot drink

Milk

- white cold drink


HTML 列表标签

标签描述
<ol>定义有序列表
<ul>定义无序列表
<li>定义列表项
<dl>定义列表
<dt>自定义列表项目
<dd>定义自定列表项的描述

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • xilinx hbm ip运用
  • 什么是堡垒机?运维为什么需要堡垒机?
  • Apache James配置连接达梦数据库
  • ldd可以显示出程序启动时需要静态加载的动态库的完整列表
  • CMake中如何使用全局配置文件来配置项目
  • 828华为云征文 | 云服务器Flexus X实例:one-api 部署,支持众多大模型
  • 【数据结构-二维差分】力扣2536. 子矩阵元素加 1
  • Kafka-Go学习
  • 5.内容创作的未来:ChatGPT如何辅助写作(5/10)
  • 算法题之每日温度
  • Vue学习记录之三(ref全家桶)
  • 山东潍坊戴尔存储服务器维修 md3800f raid恢复
  • Spring:项目中的统一异常处理和自定义异常
  • MATLAB入门基础篇
  • 2024数学建模研赛华为杯选题建议详细思路代码文章A题B题C题D题E题F题研究生数模竞赛
  • php的引用
  • 【css3】浏览器内核及其兼容性
  • bootstrap创建登录注册页面
  • C++回声服务器_9-epoll边缘触发模式版本服务器
  • HTML-表单
  • java中具有继承关系的类及其对象初始化顺序
  • maven工程打包jar以及java jar命令的classpath使用
  • RedisSerializer之JdkSerializationRedisSerializer分析
  • Spring Security中异常上抛机制及对于转型处理的一些感悟
  • Swoft 源码剖析 - 代码自动更新机制
  • Theano - 导数
  • WePY 在小程序性能调优上做出的探究
  • 测试如何在敏捷团队中工作?
  • 看完九篇字体系列的文章,你还觉得我是在说字体?
  • 扫描识别控件Dynamic Web TWAIN v12.2发布,改进SSL证书
  • 设计模式(12)迭代器模式(讲解+应用)
  • 使用Tinker来调试Laravel应用程序的数据以及使用Tinker一些总结
  • 数组大概知多少
  • 我的业余项目总结
  • 阿里云服务器如何修改远程端口?
  • ​人工智能之父图灵诞辰纪念日,一起来看最受读者欢迎的AI技术好书
  • #我与Java虚拟机的故事#连载07:我放弃了对JVM的进一步学习
  • #我与Java虚拟机的故事#连载08:书读百遍其义自见
  • #在 README.md 中生成项目目录结构
  • ( 用例图)定义了系统的功能需求,它是从系统的外部看系统功能,并不描述系统内部对功能的具体实现
  • (23)Linux的软硬连接
  • (3)选择元素——(17)练习(Exercises)
  • (react踩过的坑)antd 如何同时获取一个select 的value和 label值
  • (三)elasticsearch 源码之启动流程分析
  • (一)WLAN定义和基本架构转
  • (转)程序员技术练级攻略
  • .NET Framework .NET Core与 .NET 的区别
  • .NET Framework 3.5安装教程
  • .NET 某和OA办公系统全局绕过漏洞分析
  • .Net 应用中使用dot trace进行性能诊断
  • .Net(C#)自定义WinForm控件之小结篇
  • .Net--CLS,CTS,CLI,BCL,FCL
  • .netcore 如何获取系统中所有session_如何把百度推广中获取的线索(基木鱼,电话,百度商桥等)同步到企业微信或者企业CRM等企业营销系统中...
  • .NET框架类在ASP.NET中的使用(2) ——QA
  • .net通过类组装数据转换为json并且传递给对方接口