HTML笔记——列表

最新推荐文章于 2026-01-01 20:08:21 发布

原创最新推荐文章于 2026-01-01 20:08:21 发布 · 102 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html #css #html5

本文介绍了HTML中用于创建列表的三种主要标签：无序列表<ul>、有序列表<ol>和自定义列表<dl>。无序列表默认显示为实心圆点，有序列表可设置数字或字母类型及起始值，自定义列表包含描述项<dt>和详细描述<dd>。

- 列表

无序列表

有序列表

自定义列表

<body>
    <!-- 1.ul标签里边只能放li标签，但li标签里面可以放其他标签
    2.默认的是黑色实心圆
    3.type，disc,circle,square,none(用的多) -->
    <ul>
        <li>忘崽牛奶</li>
        <li>旺旺碎冰冰</li>
        <li>旺旺饼干</li>
    </ul>
</body>

<body>
    <!-- 1.li标签里面可以放其他标签，但ol标签只能放li标签 
         2.数字自动生成
         3.type：1,a,A,i,I
         4.start:取值只能是一个数字
    -->
    <ol type="A" start="2">
        <li>打开冰箱</li>
        <li>把大象放进去</li>
        <li>关上冰箱</li>
    </ol>
</body>

<body>
    <dl>
        <dt>我是图片</dt>
        <dd>我是文字</dd>
    </dl>

    <dl>
        <dt>我是图片</dt>
        <dd>我是文字</dd>
    </dl>

</body>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

蜡笔小欣丫

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

HTML学习笔记——05：表格

qq_31532983的博客

01-15

9710

HTML-表格

HTML基础笔记——head标签

KllKllKll

07-15

4498

//一个简单的HTML结构 <!DOCTYPE html> //文档声明 <html> <head> <title>标题</title> </head> <body> <p>内容</p> </body> </html> head标签是网页的头部，用于定义一些特殊的内容，比如页面标题、定时刷新、外部.

参与评论您还未登录，请先登录后发表或查看评论

前端自学学习笔记——HTML

cloki的博客

04-23

2509

前端自学学习笔记——HTML 1、骨架标签 <html></html>根标签，html最大标签 <head></head>文档的头部，此标签中必须设置title标签 <title></title>文档的标题 <body></body>文档的主体，网页的基本内容在其中在vscode中骨架结构生成快捷键：！+ Tab键 <!DOCTYPE>文档类型声明，告知浏览器使用哪种HTML版本显示页面 &lt

html5笔记——html5列表

weixin_43730107的博客

03-19

1287

html5笔记——html5列表作者：舒晴上一篇：html5标记. 列表就是在网页中将项目有序或无序的罗列显示。HTML中有3种列表形式：有序列表、无序列表和定义列表。有序列表有序列表即为有排列顺序的列表，其各个列表项按照一定的顺序排列，例如网页中常见的歌曲排行榜、游戏排行榜等都可以通过有序列表来定义。基本语法格式： <ol> <li>列表项</li&gt...

HTML学习笔记——用HTML记录学习过程5-全局属性

qq_47968354的博客

08-27

576

全局属性可以用来配置元素的共有行为。

HTML笔记 —— 表单

m0_63102464的博客

10-29

2034

表单学习注册名字: 密码: 性别: 男女爱好: 睡觉聊天敲代码打游戏按钮国家: 中国美国日本俄罗斯反馈: 文本内容选择文件: 邮箱: url 数字: 滑块: 搜索: 你点我试试 []( )表单验证 []( )placeholder，用于输入框 []( )required非空判断 []( )pattern传入正则表达式注意这里的正则表达式...

HTML学习笔记——用HTML记录学习过程4——非主体结构元素

qq_47968354的博客

08-07

333

非主体结构元素主要是为了表达逻辑结构或者附加信息的元素。

vscode笔记——HTML结构

weixin_59122579的博客

03-11

1956

VScode应用HTML

javascript学习笔记——上

weixin_64574004的博客

10-07

1135

1，HTML定义了网页的内容，CSS定义了网页的布局和网页中内容的样式，而JavaScript控制了网页的行为。 2，javascript是一种脚本语言。 3，javascript的主要使用范围 **JavaScript：直接写入HTML输入流：**ducument.write(“HTML语句”) **JavaScript：对事件的反应：**onclick **JavaScript：改变HTML内容：**DOM。

Web前端学习笔记——HTML

wjsn520的博客

11-30

2630

web前端开发基础第一章——HTML 前言 HTML是 HyperText Mark-up Language 的首字母简写，意思是超文本标记语言，超文本指的是超链接，标记指的是标签，是一种用来制作网页的语言，这种语言由一个个的标签组成，用这种语言制作的文件保存的是一个文本文件，文件的扩展名为html或者htm，一个html文件就是一个网页，html文件用编辑器打开显示的是文本，可以用文本的方式编辑它，如果用浏览器打开，浏览器会按照标签描述内容将文件渲染成网页，显示的网页可以从一个网页链接跳转到另外一个网

狂神Java学习笔记————前端入门——html、css、JavaScript学习代码

06-17

【狂神Java学习笔记——前端入门——HTML、CSS、JavaScript学习代码】是针对初学者的一份详实的学习资料，这份笔记记录了跟随B站知名up主“遇见狂神说”的java系列视频中关于前端开发的基础内容。笔记内容不仅与视频...

Web前端学习笔记——HTML基础.docx

11-22

Web 前端学习笔记——HTML 基础本文主要介绍了 Web 前端学习笔记——HTML 基础相关知识点，涵盖了浏览器内核、Web 标准、HTML 语言等方面。一、浏览器内核浏览器内核是指浏览器核心引擎，负责解析和渲染网页。...

web学习笔记 —— javascript基础

05-25

这篇“web学习笔记——javascript基础”将带你走进JavaScript的世界，理解其基本概念和常用语法。 JavaScript语法基础： 1. 变量：在JavaScript中，变量用于存储数据。声明变量使用`var`关键字，例如`var myVar = ...

HTML 媒体（Media）

froginwe11的博客

12-29

447

用于在网页上嵌入音频文件。: 用于在网页上嵌入视频文件。: 用于在网页上插入图像。: 作为音频和视频元素的子元素，用于指定不同格式的媒体文件。: 用于嵌入其他应用程序或游戏。: 用于嵌入对象，如PDF、Flash等。HTML 媒体元素是网页设计中不可或缺的部分，通过合理运用这些元素，可以丰富网页内容，提升用户体验。本文介绍了 HTML 媒体元素的概念、应用和优化方法，希望对您有所帮助。

使用 HTML + JavaScript 实现滑动验证码

bjzhang75的博客

12-30

670

使用 HTML + JavaScript 实现滑动验证码

Html +css+js 写的一个小商城系统（POS系统）

最新发布

PieroPc的博客

01-01

496

本文介绍了一个功能完善的电脑配件商品库存管理与采购清单生成系统。该系统支持商品浏览、分类筛选、关键词搜索、购物车管理等功能，具有Excel导出和打印采购清单的能力。主要特点包括：138种电脑配件展示、实时库存显示、本地存储购物车数据、响应式设计适配多种设备、A5格式打印优化等。系统采用HTML5/CSS3和JavaScript实现，使用LocalStorage保存数据，SheetJS库处理Excel导出。提供密码保护功能，可导出完整商品库。

HTML 模块化方案

网络风云的博客

12-31

301

在 FastAPI 中拆分大型 HTML，推荐使用 Jinja2 模板引擎，它既支持模板继承又支持独立运行。这种方案既保证了运行流畅（通过模板继承和缓存），又能让组件独立运行（通过条件判断）。│ │ ├── header.html # 可独立运行。│ │ ├── sidebar.html # 可独立运行。│ │ └── footer.html # 可独立运行。3. 独立可运行的组件（header.html）sidebar.html（独立可运行）FastAPI 路由。

打造专属桌面时钟：纯HTML实现的全功能动态时钟

Winfredzhang的博客

12-27

1476

本文介绍了一款纯HTML+CSS+JavaScript开发的精美桌面时钟应用，具有以下特点：1）双模式显示（数字+模拟时钟）；2）完整日期信息（公历、农历、生肖等）；3）5种主题切换和背景自定义功能；4）数据自动保存；5）支持Windows开机自启。技术实现采用玻璃拟态设计风格，通过setInterval实时更新，使用localStorage保存设置，并提供了农历计算、周数统计等实用功能。用户只需保存为HTML文件即可双击运行，也可通过批处理或Delphi程序实现更专业的启动方式。

前端面试题：为什么说理解HTML语义化很重要？

u011286604的博客

12-30

187

HTML语义化是指使用恰当的HTML标签描述内容含义，而非仅用于样式效果。其重要性体现在：1) 提升代码可读性和可维护性，使结构更清晰；2) 优化SEO，帮助搜索引擎理解页面内容；3) 增强可访问性，使屏幕阅读器等辅助技术能正确解析；4) 提高开发效率和页面性能。常见语义化标签包括<header>、<nav>、<article>等结构标签，以及<h1>-<h6>、<p>等文本标签。最佳实践包括正确使用标题层级、列表标签、表单关联等。在面

前端笔记——记录重要的技术要点

资源摘要信息:"前端笔记" 在当今快速发展的信息技术领域中，前端开发扮演着至关重要的角色。它指的是构建用户在互联网上看到和与之交互的网页或应用的界面部分。前端开发者需要精通HTML（HyperText Markup Language...