原创投稿
  1. 创想鸟首页
  2. 用户投稿

html中的有序列表和无序列表

程序猿 • • 用户投稿

本篇文章主要介绍html中的有序与无序列表示如何编写的，对于刚开始学习的小伙伴还是非常有帮助的，感兴趣的朋友参考下。

有序列表代码如下：

  
数字显示
  
      
  1. 第一天
    2.   
  2. 第二天
    3.   
  3. 第三天
    4.   
  4. 第四天
    5.   
    
字母显示
  
      
  1. 第一天
    2.   
  2. 第二天
    3.   
  3. 第三天
    4.   
  4. 第四天
    5.   
    
小写罗马数字显示
  
      
  1. 第一天
    2.   
  2. 第二天
    3.   
  3. 第三天
    4.   
  4. 第四天
    5.   
    
大写罗马数字显示
  
      
  1. 第一天
    2.   
  2. 第二天
    3.   
  3. 第三天
    4.   
  4. 第四天
    5.   
    
数字显示,自己确定开始数字
  
      
  1. 第一天
    2.   
  2. 第二天
    3.   
  3. 第三天
    4.   
  4. 第四天
    5.

效果如下：

55.png

无序列表代码如下：

立即学习“前端免费学习笔记（深入）”；

  ********默认为实心圆*********  
      
  • 第一天
    •   
  • 第二天
    •   
  • 第三天
    •   
  • 第四天
    •   
    ********空心圆显示*********  
      
  • 第一天
    •   
  • 第二天
    •   
  • 第三天
    •   
  • 第四天
    •   
    ********实心矩形显示*********  
      
  • 第一天
    •   
  • 第二天
    •   
  • 第三天
    •   
  • 第四天
    •

效果如下：

56.png

相关推荐：

什么是无序列表、有序列表 、定义列表？html列表标签学习笔记

关于HTML列表的详细介绍

HTML列表标签dl、ul、ol 的使用

以上就是html中的有序列表和无序列表的详细内容，更多请关注创想鸟其它相关文章！

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1546154.html

赞 (0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
0 0

关于作者

程序猿的头像

程序猿签约作者

413.8K 文章
0 评论
2 粉丝
这个人很懒，什么都没有留下～
上一篇 2025年12月21日 17:54:45
下一篇 2025年12月21日 17:55:08

相关推荐

  • 双·十一大促预热已开启！AMD 锐龙5 9600X性价比之选

    双·十一大促预热已开启！AMD 锐龙5 9600X性价比之选双·十一大促预热已开启！AMD 锐龙5 9600X性价比之选双·十一大促预热已开启！AMD 锐龙5 9600X性价比之选双·十一大促预热已开启！AMD 锐龙5 9600X性价比之选

    今年京东商城的双·十一购物节预热阶段已经拉开帷幕，活动将持续至11月14日。在这长达三十余天的促销周期中，消费者拥有充足的时间进行比价与决策。对于计划组装或升级电脑的diy爱好者来说，这无疑是一年中最佳的入手时机。今天就为大家重点推荐一款高性价比、性能出色的amd（超威）锐龙5 9600x处理器。为…

    程序猿的头像 程序猿
    2026年9月22日 • 用户投稿
    000
  • 设置php连接mssql的编码格式_通过php连接mssql支持UTF-8编码 用户投稿

    设置php连接mssql的编码格式_通过php连接mssql支持UTF-8编码

    正确配置PHP连接MSSQL并支持UTF-8需：1. 使用sqlsrv扩展并启用extension=php_sqlsrv_80.dll；2. 连接时设置”CharacterSet”=>”UTF-8″；3. 数据库字段使用nvarchar等Unic…

    程序猿的头像 程序猿
    2026年9月22日
    100
  • 在Java中如何开发简易问答社区 用户投稿

    在Java中如何开发简易问答社区

    答案是Java结合Spring Boot可快速构建问答社区，通过设计questions、answers、users三张表实现数据存储，使用JPA进行持久化，前端用HTML+JS调用后端API完成用户提问、回答、查看与互动功能。 开发一个简易问答社区，核心是实现用户提问、回答、查看问题和互动功能。Ja…

    程序猿的头像 程序猿
    2026年9月22日
    100
  • unix怎么安装php_unix系统安装php环境指南 用户投稿

    unix怎么安装php_unix系统安装php环境指南

    首先确认系统环境并检查是否已安装相关软件，然后选择包管理器或源码编译方式安装PHP；推荐使用包管理器快速安装，如Debian/Ubuntu用apt，CentOS/RHEL/Fedora用yum或dnf，FreeBSD用pkg；安装后配置Web服务器，Apache需加载mod_php或集成PHP-FP…

    程序猿的头像 程序猿
    2026年9月22日
    300
  • itextpdf freemarker渲染 用户投稿

    itextpdf freemarker渲染

    关于打印pdf操作的需求，经过研究，发现以下两种方法： 在现有的模板上进行编辑，这种方法操作难度较大。而通过FreeMarker生成静态页面，然后转换为HTML，操作更为顺畅。动态生成PDF的方法在网上参考较多，经过对比，我认为使用FreeMarker结合IText生成PDF最为简单。参考链接为ht…

    程序猿的头像 程序猿
    2026年9月22日
    500
  • Prestashop分页隐藏分类描述的SEO考量与处理 用户投稿

    Prestashop分页隐藏分类描述的SEO考量与处理

    本文探讨了Prestashop商店中分类描述在分页后消失的问题。我们解释了这种现象通常并非SEO问题，因为搜索引擎主要关注第一页的描述内容。教程将深入分析此行为背后的SEO逻辑，并提供确保网站SEO友好的最佳实践，强调第一页描述的重要性及规范使用Canonical标签。 Prestashop分类描述…

    程序猿的头像 程序猿
    2026年9月22日
    300
  • 如何利用 JavaScript 实现一个支持拖放排序的交互界面？ 用户投稿

    如何利用 JavaScript 实现一个支持拖放排序的交互界面？

    答案是利用HTML5拖放API实现拖拽排序，通过设置draggable属性和监听dragstart、dragover、drop事件控制元素移动，结合CSS提升交互反馈。 要实现一个支持拖放排序的交互界面，核心是利用 HTML5 的拖放 API（Drag and Drop API）结合 JavaScr…

    程序猿的头像 程序猿
    2026年9月22日
    100
  • PHP 表单验证：确保 HTML select 下拉菜单已正确选择非默认选项 用户投稿

    PHP 表单验证：确保 HTML select 下拉菜单已正确选择非默认选项

    本文将详细介绍如何在 PHP 后端对 HTML select 下拉菜单进行有效验证，确保用户选择了非默认选项。我们将探讨常见的验证误区，并提供一个简洁高效的解决方案，通过检查 $_POST 数据来判断用户是否已做出有效选择，从而避免表单提交无效数据，提升用户体验和数据准确性。 在构建 web 表单时…

    程序猿的头像 程序猿
    2026年9月22日
    300
  • 360浏览器怎么禁止网页自动刷新_360浏览器阻止页面定时刷新设置方法 用户投稿

    360浏览器怎么禁止网页自动刷新_360浏览器阻止页面定时刷新设置方法

    1、通过360浏览器开发者工具删除含http-equiv=”refresh”的meta标签可临时阻止刷新；2、启用弹窗拦截功能可屏蔽由脚本触发的自动刷新；3、使用无痕模式浏览可限制脚本运行，避免页面刷新；4、安装“Tampermonkey”等扩展并添加屏蔽规则可实现长期有效阻…

    程序猿的头像 程序猿
    2026年9月22日
    400
  • 使用Java Selenium验证表格数据排序：金额列的升序与降序检查 用户投稿

    使用Java Selenium验证表格数据排序：金额列的升序与降序检查

    本教程详细介绍了如何利用Java Selenium WebDriver验证网页表格中金额列的排序功能。文章涵盖了从环境配置、登录应用到数据提取、清洗、数值转换，再到实现表格数据（特别是金额数据）的升序或降序验证的完整流程。通过示例代码，演示了如何获取页面元素、处理文本数据，并使用JUnit进行断言，…

    程序猿的头像 程序猿
    2026年9月22日
    100
  • Bun 1.3 正式发布 用户投稿

    Bun 1.3 正式发布

    2025年10月10日，高性能 javascript 运行时 bun 发布了 1.3 版本。这是 bun 项目迄今为止最重大的版本更新，标志着 bun 从单纯的运行时工具演变为一个功能完备的全栈 javascript 开发平台。 从运行时到全栈平台的跨越 Bun 1.3 的核心突破在于将前端开发能力…

    程序猿的头像 程序猿
    2026年9月21日
    100
  • safari浏览器如何设置链接在新窗口而不是新标签页打开_safari浏览器链接新窗口打开设置 用户投稿

    safari浏览器如何设置链接在新窗口而不是新标签页打开_safari浏览器链接新窗口打开设置

    通过快捷键或第三方扩展可实现Safari中链接在新窗口打开：1. 按住Command键点击链接可临时在新窗口打开；2. 使用AppleScript脚本通过“自动操作”创建快速操作以新建Safari窗口；3. 网站自身代码如window.open()会强制新窗口打开；4. 安装可信扩展如“Link i…

    程序猿的头像 程序猿
    2026年9月21日
    100
  • PHP三元运算符HTML输出_PHP三元运算符HTML内容输出 用户投稿

    PHP三元运算符HTML输出_PHP三元运算符HTML内容输出

    PHP三元运算符用于在HTML中简洁输出条件内容，基本语法为“条件 ? 值1 : 值2”；2. 常用于动态显示文本、属性或样式，如根据$active输出“启用”或“禁用”；3. 可嵌入HTML标签设置class、disabled等属性，示例中根据登录状态显示不同按钮。 PHP三元运算符用于在HTML…

    程序猿的头像 程序猿
    2026年9月21日
    300
  • 使用本地HTML文件运行JavaScript脚本失败的原因及解决方案 用户投稿

    使用本地HTML文件运行JavaScript脚本失败的原因及解决方案

    本文旨在帮助开发者理解在没有Web服务器的情况下，直接通过浏览器打开本地HTML文件时，JavaScript脚本可能无法正常运行的原因，并提供相应的解决方案。文章将深入探讨浏览器安全策略、相对路径问题以及如何正确引入和执行JavaScript脚本，确保你的HTML、CSS和JavaScript代码能…

    程序猿的头像 程序猿
    2026年9月21日
    100
  • 解决WordPress wp-settings.php中致命错误的实用指南 用户投稿

    解决WordPress wp-settings.php中致命错误的实用指南

    当WordPress网站遭遇wp-settings.php中Call to undefined function的致命错误时，通常意味着核心文件已损坏。本教程将指导您通过下载全新WordPress副本并替换站点中wp-admin和wp-includes目录来有效解决此问题，确保网站恢复正常运行，并提…

    程序猿的头像 程序猿
    2026年9月21日
    100
  • 悟空浏览器开发者工具的控制台怎么用_悟空浏览器Console控制台使用入门教程 用户投稿

    悟空浏览器开发者工具的控制台怎么用_悟空浏览器Console控制台使用入门教程

    首先启用悟空浏览器开发者工具并进入Console标签，可查看错误、警告等日志信息，通过过滤功能定位问题；支持执行JavaScript代码实时调试，监控网络请求失败及全局异常，还可清空或保存日志以便分析。 如果您在使用悟空浏览器进行网页开发或调试时，发现页面元素未按预期工作或脚本报错，则可以借助开发者…

    程序猿的头像 程序猿
    2026年9月21日
    800
  • 实现搜索结果的 A-Z 排序：PHP 教程 用户投稿

    实现搜索结果的 A-Z 排序：PHP 教程

    本文档旨在指导开发者如何在 PHP 中实现搜索结果的 A-Z 排序功能。通过结合 AJAX 技术和 PHP 函数，可以方便地对通过 POST 方法获取的医生搜索结果进行 A-Z 排序，从而优化用户浏览体验。本文将详细介绍实现步骤，提供可复用的代码示例，并着重强调注意事项，旨在帮助开发者快速掌握并应用…

    程序猿的头像 程序猿
    2026年9月21日
    200
  • PHPComposer怎么安装_PHPComposer依赖管理工具安装与使用指南 用户投稿

    PHPComposer怎么安装_PHPComposer依赖管理工具安装与使用指南

    PHPComposer是PHP的依赖管理工具，类似npm或pip。需先安装PHP，再下载并验证composer-setup.php，执行安装生成composer.phar，推荐全局安装至/usr/local/bin/composer，运行composer –version验证。使用com…

    程序猿的头像 程序猿
    2026年9月21日
    100
  • PHP/MySQL：高效合并订单商品并按日期分组显示 用户投稿

    PHP/MySQL：高效合并订单商品并按日期分组显示

    本教程将指导如何在PHP/MySQL应用中，将同一日期的订单商品合并显示在同一行，以提高数据展示的清晰度。核心解决方案是利用MySQL的GROUP_CONCAT函数在数据库层面进行高效聚合，避免复杂的PHP逻辑处理，从而简化代码并优化性能。 订单数据展示的常见挑战 在开发在线购物平台时，通常需要向用…

    程序猿的头像 程序猿
    2026年9月21日
    200
  • Linux如何设置目录的执行权限 用户投稿

    Linux如何设置目录的执行权限

    目录的执行权限是访问其内容的“钥匙”，使用chmod命令可通过符号或八进制模式设置，常见权限为755（所有者rwx，组和其他用户rx），递归设置时推荐结合find命令分别处理文件和目录，避免误加执行权限。 在Linux中，设置目录的执行权限（ x ）并非意味着你可以“运行”这个目录，而是赋予了你进入…

    程序猿的头像 程序猿
    2026年9月21日
    100

发表回复

登录后才能评论
关注微信