百度360必应搜狗淘宝本站头条
HTML5 标签标签HTML5 标签 (已废弃)HTML 简介键盘快捷键
当前位置：网站首页 > 技术文章 > 正文

HTML 列表

zhezhongyun 2025-03-11 23:44 20 浏览

HTML的常用列表可以分为三种：无序列表，有序列表以及定义列表。

无序列表

定义：

    ...
，表示项目之间没有顺序规定的列表。

内层标签是

  • ...
    • ，它有一个type属性，常用的值有三种：

    • disc，实心圆点
    • circle，空心圆点（默认值）
    • square，实心方块

    小实例：

      
    
    • 默认值

      • 
    
    • 实心圆点

      • 
    
    • 空心圆点

      • 
    
    • 实心方块

      •



    有序列表

    定义：

      ...
    ， 相对于无序列表而言，具有一定的顺序的列表，一般用数字或者是字母放在表示项目的最前端表示先后顺序。

    内层标签是

  • ...
    • ，同样它的type属性常用值有四种：

    • type="A"，按大写字母排序
    • type="a"，按小写字母排序
    • type="I"，按罗马数字排序
    • type="1"，按数字排序

    小实例：

      
    
    1. 默认值

      2. 
    
    2. 大写字母

      3. 
    
    3. 小写字母

      4. 
    
    4. 罗马数字

      5. 
    
    5. 纯数字



      6.



    定义列表

    定义：

    ...
    ，不仅仅是一列项目，还是项目及其注释的组合。

    由

    标签开始，内层标签
    ...
     包裹对象文本，
    ...
     包裹着解释文本。（内层只能是 dt 和 dd 标签，且dt 必须是在 dd 前面）

    小实例：

    
    
    HTML
    
    
    HTML称为超文本标记语言，是一种标识性的语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。

    
    
    CSS
    
    
    层叠样式表(英文全称：Cascading Style
    Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

    
    
    JavaScript
    
    
    JavaScript是一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。



    动手小练习

    1. 定义一个无序列表
    2. 定义一个有序列表
    3. 定义一个定义列表
    4. 分别在无序列表和有序列表的基础上定义不同类型的属性值，并通过浏览器显示出来

    相关推荐

    「layui」表单验证:验证注册

    注册界面手动验证获取短信验证码代码原文<!DOCTYPEhtml><htmllang="zh"><head>&...

    Full text: Joint statement between China and Kenya on creating an inspiring example in the all-weather China-Africa community with a shared future for the new era

    JointStatementBetweenthePeople'sRepublicofChinaandtheRepublicofKenyaonCreatinganInspi...

    国际组织最新岗位信息送给你

    国际刑警组织PostingTitleITLogisticsManagerGrade5DutyStationAbidjan,IvoryCoastDeadlineforApplicatio...

    【新功能】Spire.PDF 8.12.5 支持设置表单域的可见与隐藏属性

    Spire.PDF8.12.5已发布。该版本新增支持设置表单域的可见与隐藏属性、添加自定义的元数据以及给PDF文档的元数据添加新的命名空间。本次更新还增强了PDF到DOCX和图片的转换...

    AI curbs show Biden&#39;s rejection of cooperation

    AIcurbsshowBiden'srejectionofcooperation:ChinaDailyeditorial-Opinion-Chinadaily.com.cnT...

    “煤气灯效应”上热搜，这几种有毒的“情感关系”也要注意了……

    近日，“煤气灯效应”（theGaslightEffect）再次进入公众视野并登上热搜，引发网友广泛关注。那么，什么是“煤气灯效应”？以“爱”之名进行情绪控制在心理学中，通过“扭曲受害者眼中的真实”...

    Qt编写推流程序/支持webrtc265/从此不用再转码/打开新世界的大门

    一、前言在推流领域，尤其是监控行业，现在主流设备基本上都是265格式的视频流，想要在网页上直接显示监控流，之前的方案是，要么转成hls，要么魔改支持265格式的flv，要么265转成264，如果要追求...

    写给运维的Nginx秘籍

    要说Web服务器、代理服务器和调度服务器层面，目前使用最大的要数Nginx。对于一个运维工程师日常不可避免要和Nginx打交道。为了更好地使用和管理Nginx，本文就给大家介绍几个虫虫日常常用的秘籍。...

    突破亚马逊壁垒，Web Unlocker API 助您轻松获取数据

    在数据驱动决策的时代，电商平台的海量数据是十足金贵的。然而，像亚马逊这样的巨头为保护自身数据资产，构建了近乎完美的反爬虫防线，比如IP封锁、CAPTCHA验证、浏览器指纹识别，常规爬虫工具在这些防线面...

    每日一库之 logrus 日志使用教程

    golang日志库golang标准库的日志框架非常简单,仅仅提供了print,panic和fatal三个函数对于更精细的日志级别、日志文件分割以及日志分发等方面并没有提供支持.所以催生了很多第三方...

    对比测评:为什么AI编程工具需要 Rules 能力?

    通义灵码ProjectRules在开始体验通义灵码ProjectRules之前，我们先来简单了解一下什么是通义灵码ProjectRules？大家都知道，在使用AI代码助手的时候，有时...

    python 面向对象编程

    Python的面向对象编程（OOP）将数据和操作封装在对象中，以下是深度解析和现代最佳实践：一、核心概念重构1.类与实例的底层机制classRobot:__slots__=['...

    Windows系统下常用的Dos命令介绍(一)

    DOS是英文DiskOperatingSystem的缩写，意思是“磁盘操作系统”。DOS主要是一种面向磁盘的系统软件，说得简单些，DOS就是人给机器下达命令的集合，是存储在操作系统中的命令集。主要...

    使用 Flask-Admin 快速开发博客后台管理系统:关键要点解析

    一、为什么选择Flask-Admin？Flask-Admin是Flask生态中高效的后台管理框架，核心优势在于：-零代码生成CRUD界面：基于数据库模型自动生成增删改查功能-高度可定制...

    Redis淘汰策略导致数据丢失?

    想象一下，你的Redis服务器是一个合租宿舍，内存就是床位。当新数据（新室友）要住进来，但床位已满时，你作为宿管（淘汰策略）必须决定：让谁卷铺盖走人？Redis提供了8种"劝退"方案，...

    一周热门
    最近发表
    标签列表