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

HTML列表学习笔记

一、HTML无序列表

无序列表是一个项目的列表,项目使用粗体圆点(典型的小黑圆圈)进行标记,适合成员之间无级别顺序关系的情况。

  • ‌使用标签‌:<ul>
  • ‌代码示例‌:
    <!DOCTYPE html>
    <html>
    <head><title>童心少年</title><meta charset="UTF-8">
    </head>
    <body><ol><li>Coffee</li><li>Milk</li></ol>
    </body>
    </html>
    • ‌浏览器显示效果‌:
      1. Coffee
      2. Milk

    三、HTML自定义列表

    自定义列表不仅仅是一列项目,而是项目及其注释的组合,以<dl>标签开始,每个自定义列表项以<dt>开始,每个自定义列表项的定义以<dd>开始。一个术语名可以对应多重定义或者多个术语名对应同一个定义,如果只有术语名或者只有定义也是可行的,即<dt><dd>在其中数量不限、对应关系不限。

    • ‌使用标签‌:<dl><dt><dd>
    • ‌代码示例‌:
      <!DOCTYPE html>
      <html>
      <head><title>童心少年</title><meta charset="UTF-8">
      </head>
      <body><dl><dt>Coffee</dt><dd>- black hot drink</dd><dt>Milk</dt><dd>- white cold drink</dd></dl>
      </body>
      </html>
      • ‌浏览器显示效果‌:
        • Coffee - black hot drink
        • Milk - white cold drink

      四、注意事项与更多实例

      • ‌注意事项‌:列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。
      • ‌更多实例‌:
        • ‌不同类型的有序列表‌:展示不同标记类型(如字母、罗马数字等)的有序列表。
        • ‌不同类型的无序列表‌:展示不同标记类型(如圆圈、方块等)的无序列表。
        • ‌嵌套列表‌:展示如何在列表内部嵌套另一个列表。
        • ‌自定义列表‌:展示一个包含术语及其定义的自定义列表。

      五、HTML列表标签总结

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

      通过以上学习,可以掌握HTML中的无序列表、有序列表和自定义列表的创建方法,以及如何在列表中使用不同的标签和属性来丰富页面内容。

http://www.zskr.cn/news/65809.html

相关文章:

  • 2025年十大不锈钢压花板厂商排行榜,靠谱不锈钢压花板制造厂
  • 光刻胶分类与特性:化学增幅i线光刻胶 CAR、金属氧化物光刻胶及EUV光刻胶前沿进展(续) - 详解
  • 2025年度哈尔滨一站式家居设备定制服务排行榜,专业测评精选
  • 正规的电厂钢格栅供应商推荐排行榜单?电厂钢格栅供应商 电厂钢格栅销售厂家 电厂钢格栅制造厂 电厂钢格栅生产商 电厂钢格栅厂商 电厂钢格栅企业 电厂钢格栅供货商
  • 2025年山东帽顶膜结构停车棚安装厂家推荐:学校/拉杆式膜结
  • 国内AI独角兽公司推荐:探索智能科技前沿力量
  • 完整教程:人机交互的软件工程方法实验报告(黑龙江大学)
  • 国内AI公司推荐:智能获客与行业赋能的实力之选
  • 2025年口碑好的前置过滤器品牌哪家好?大白瓶前置过滤器 大胖瓶前置过滤器 小白瓶前置过滤器 大蓝瓶前置过滤器 双芯前置过滤器品牌推荐
  • 上海AI创业公司排行榜:2025年创新技术与应用场景分析
  • 中国AI科技公司融资榜推荐:行业领军企业实力解析
  • 专业的电脑维修常见故障品牌推荐榜?电脑维修常见故障品牌 电脑维修常见故障公司 电脑维修常见故障服务 电脑维修常见故障上门 电脑维修常见故障服务商
  • 评价高的光伏锡渣还原粉品牌推荐排行榜?光伏锡渣还原粉品牌 光伏锡渣还原粉公司 光伏锡渣还原粉产品 光伏锡渣还原粉供应厂家 光伏锡渣还原粉工厂 光伏锡渣还原粉厂家 光伏锡渣还原粉生产厂家
  • 苏州民间借贷纠纷律所推荐:如何选择专业法律服务机构
  • ERP实施商TOP5权威推荐:优德云ERP实施商可信度高吗?
  • 表面缺陷视觉检测设备:工业质检自动化升级的核心工具
  • 钙钛矿外观缺陷检测设备:提升光伏组件质量的关键工具
  • 外观缺陷检测设备公司技术与服务解析:聚焦行业创新方案
  • AOI检测设备定制厂家:技术实力与服务能力解析
  • 口碑好的ADTEK仪表品牌推荐排行?ADTEK仪表品牌 ADTEK仪表公司 ADTEK仪表工厂 ADTEK仪表厂家 ADTEK仪表厂商 ADTEK仪表生产厂家
  • 实用指南:鸿蒙分布式数据服务(DDS)原理与企业同步实战
  • 视觉外观缺陷检测系统公司推荐:技术与服务能力深度剖析
  • 品牌智能床推荐:探索智能床优质生产厂商的魅力
  • 品检机厂家推荐:专注质量检测的行业佼佼者
  • AOI检测设备定制厂家哪家好?行业实力企业推荐
  • 2025年国内空气净化一体机厂家十大品牌权威推荐榜单
  • 咖博士和德龙咖啡机哪个好:家用场景下的咖啡体验对比
  • 市面上符合越南标准防火卷帘门厂家推荐有哪些
  • 北京离婚律所推荐:聚焦婚姻家事领域的专业法律服务参考
  • 市面上符合越南标准防火卷帘门厂家口碑推荐哪家强