投稿获客
广告
广告 广告 广告
广告 广告 广告 广告
广告 █ 推荐【菠萝云】香港16G内存99元 【CDNCloud】极速、安全可靠的加速体验 广告位联系QQ：253000106 【UStat】免费网站统计平台 SSL证书低至2折 单域名36元起 免费测试！海总一手APK免杀处理 广告位联系QQ：253000106 CDN 服务器 反炸 劫持 域名屏蔽 【UStat】专业网站统计平台 域名注册：海量域名快速注册 安卓免杀 谷歌报毒 封装 苹果签名 广告位联系QQ：253000106 【域名被劫持污染如何处理】 安卓免杀★超级签★封装★谷歌屏蔽 广告位联系QQ：253000106

*本站广告为第三方投放，如发生纠纷，请向本站索取第三方联系方式沟通

  1. 创想鸟首页
  2. 好文分享

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

程序猿 • • 好文分享 • 阅读 0

本篇文章主要介绍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

关于作者

程序猿的头像

程序猿签约作者

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

相关推荐

  • 学会从头开始学习CSS，掌握制作基本网页框架的技巧 好文分享

    学会从头开始学习CSS，掌握制作基本网页框架的技巧

    从零开始学习CSS，掌握网页基本框架制作技巧 前言： 在现今互联网时代，网页设计和开发是一个非常重要的技能。而学习CSS（层叠样式表）是掌握网页设计的关键之一。CSS不仅可以为网页添加样式和布局，还可以为用户呈现独特且具有吸引力的页面效果。在本文中，我将为您介绍一些基本的CSS知识，以及一些常用的代…

    程序猿的头像 程序猿
    2025年12月24日
    200
  • 揭秘Web标准涵盖的语言：了解网页开发必备的语言范围 好文分享

    揭秘Web标准涵盖的语言：了解网页开发必备的语言范围

    在当今数字时代，互联网成为了人们生活中不可或缺的一部分。作为互联网的基本构成单位，网页承载着我们获取和分享信息的重要任务。而网页开发作为一门独特的技术，离不开一些必备的语言。本文将揭秘Web标准涵盖的语言，让我们一起了解网页开发所需的语言范围。 首先，HTML（HyperText Markup La…

    程序猿的头像 程序猿
    2025年12月24日
    000
  • 揭开Web开发的语言之谜：了解构建网页所需的语言有哪些？ 好文分享

    揭开Web开发的语言之谜：了解构建网页所需的语言有哪些？

    Web标准中的语言大揭秘：掌握网页开发所需的语言有哪些？ 随着互联网的快速发展，网页开发已经成为人们重要的职业之一。而要成为一名优秀的网页开发者，掌握网页开发所需的语言是必不可少的。本文将为大家揭示Web标准中的语言大揭秘，介绍网页开发所需的主要语言。 HTML（超文本标记语言）HTML是网页开发的…

    程序猿的头像 程序猿
    2025年12月24日
    400
  • 常用的网页开发语言：了解Web标准的要点 好文分享

    常用的网页开发语言：了解Web标准的要点

    了解Web标准的语言要点：常见的哪些语言应用在网页开发中？ 随着互联网的不断发展，网页已经成为人们获取信息和交流的重要途径。而要实现一个高质量、易用的网页，离不开一种被广泛接受的Web标准。Web标准的制定和应用，涉及到多种语言和技术，本文将介绍常见的几种语言在网页开发中的应用。 首先，HTML（H…

    程序猿的头像 程序猿
    2025年12月24日
    000
  • 网页开发中常见的Web标准语言有哪些？ 好文分享

    网页开发中常见的Web标准语言有哪些？

    探索Web标准语言的世界：网页开发中常用的语言有哪些？ 在现代社会中，互联网的普及程度越来越高，网页已成为人们获取资讯、娱乐、交流的重要途径。而网页的开发离不开各种编程语言的应用和支持。在这个虚拟世界的网络，有许多被广泛应用的标准化语言，用于为用户提供优质的网页体验。本文将探索网页开发中常用的语言，…

    程序猿的头像 程序猿
    2025年12月24日
    000
  • 深入探究Web标准语言的范围，涵盖了哪些语言？ 好文分享

    深入探究Web标准语言的范围，涵盖了哪些语言？

    Web标准是指互联网上的各个网页所需遵循的一系列规范，确保网页在不同的浏览器和设备上能够正确地显示和运行。这些标准包括HTML、CSS和JavaScript等语言。本文将深入解析Web标准涵盖的语言范围。 首先，HTML（HyperText Markup Language）是构建网页的基础语言。它使…

    程序猿的头像 程序猿
    2025年12月24日
    000
  • CSS 超链接属性解析：text-decoration 和 color 好文分享

    CSS 超链接属性解析：text-decoration 和 color

    CSS 超链接属性解析：text-decoration 和 color 超链接是网页中常用的元素之一，它能够在不同页面之间建立连接。为了使超链接在页面中有明显的标识和吸引力，CSS 提供了一些属性来调整超链接的样式。本文将重点介绍 text-decoration 和 color 这两个与超链接相关的…

    程序猿的头像 程序猿
    2025年12月24日
    000

  • 看看这些前端面试题，带你搞定高频知识点（一）

    每天10道题，100天后，搞定所有前端面试的高频知识点，加油！！！，在看文章的同时，希望不要直接看答案，先思考一下自己会不会，如果会，自己的答案是什么？想过之后再与答案比对，是不是会更好一点，当然如果你有比我更好的答案，欢迎评论区留言，一起探讨技术之美。 面试官：给定一个元素，如何实现水平垂直居中？…

    程序猿的头像 程序猿
    2025年12月24日 • 好文分享
    300

  • 看看这些前端面试题，带你搞定高频知识点（二）

    每天10道题，100天后，搞定所有前端面试的高频知识点，加油！！！，在看文章的同时，希望不要直接看答案，先思考一下自己会不会，如果会，自己的答案是什么？想过之后再与答案比对，是不是会更好一点，当然如果你有比我更好的答案，欢迎评论区留言，一起探讨技术之美。 面试官：页面导入样式时，使用 link 和 …

    程序猿的头像 程序猿
    2025年12月24日 • 好文分享
    200

  • 看看这些前端面试题，带你搞定高频知识点（三）

    每天10道题，100天后，搞定所有前端面试的高频知识点，加油！！！，在看文章的同时，希望不要直接看答案，先思考一下自己会不会，如果会，自己的答案是什么？想过之后再与答案比对，是不是会更好一点，当然如果你有比我更好的答案，欢迎评论区留言，一起探讨技术之美。 面试官：清除浮动有哪些方式？ 我：呃~，浮动…

    程序猿的头像 程序猿
    2025年12月24日 • 好文分享
    000

  • 看看这些前端面试题，带你搞定高频知识点（四）

    每天10道题，100天后，搞定所有前端面试的高频知识点，加油！！！，在看文章的同时，希望不要直接看答案，先思考一下自己会不会，如果会，自己的答案是什么？想过之后再与答案比对，是不是会更好一点，当然如果你有比我更好的答案，欢迎评论区留言，一起探讨技术之美。 面试官：请你谈一下自适应(适配)的方案 我：…

    程序猿的头像 程序猿
    2025年12月24日 • 好文分享
    000

  • 看看这些前端面试题，带你搞定高频知识点（五）

    每天10道题，100天后，搞定所有前端面试的高频知识点，加油！！！，在看文章的同时，希望不要直接看答案，先思考一下自己会不会，如果会，自己的答案是什么？想过之后再与答案比对，是不是会更好一点，当然如果你有比我更好的答案，欢迎评论区留言，一起探讨技术之美。 面试官：css 如何实现左侧固定 300px…

    程序猿的头像 程序猿
    2025年12月24日 • 好文分享
    000

  • HTML+CSS+JS实现雪花飘扬（代码分享）

    使用html+css+js如何实现下雪特效？下面本篇文章给大家分享一个html+css+js实现雪花飘扬的示例，希望对大家有所帮助。 很多南方的小伙伴可能没怎么见过或者从来没见过下雪，今天我给大家带来一个小Demo，模拟了下雪场景，首先让我们看一下运行效果 可以点击看看在线运行：http://hai…

    程序猿的头像 程序猿
    2025年12月24日 • 好文分享
    500

  • 分享20个首页流行布局样式，总有一款适合你！

    本篇文章给大家分享20个首页流行布局样式，总有一款适合你，快来收藏试试吧，希望对大家有所帮助！ 有时我们会在网站上遇到一些内容布局问题，如文字对齐、图片设计与内容和谐、为文章选择合适的字体……在今天的文章中，介绍一些设计精美的创意布局，let‘s  开始。 代号 001 源码…

    程序猿的头像 程序猿
    2025年12月24日 • 好文分享
    000

  • css如何让div悬浮于另一个div上

    让div悬浮于另一个div上的方法：1、给两个div元素添加“position:absolute”绝对定位样式；2、给其中一个div元素添加“{top:距离页面顶部距离;left:距离页面左侧距离;}”样式使其浮动在另一个div元素上即可。 本教程操作环境：windows7系统、CSS3&&…

    程序猿的头像 程序猿
    2025年12月24日 • 好文分享
    000
  • css怎样实现字母不到一行就换行 好文分享

    css怎样实现字母不到一行就换行

    css字母不到一行就换行的方法：1、给元素添加“word-break:break-word;”样式，使其以单词为单位换行；2、给元素添加“word-break:break-all;”样式，使其以字母为单位换行。 本教程操作环境：windows7系统、CSS3&&HTML5版、Dell…

    程序猿的头像 程序猿
    2025年12月24日
    000
  • css里怎样设置字体大小和字体颜色 好文分享

    css里怎样设置字体大小和字体颜色

    在css中，可以使用“font-size”和color属性设置字体大小和字体颜色，只需要给字体元素添加“{font-size: 字体大小值;color: 颜色值;}”样式即可。 本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。 css里设置字体大小…

    程序猿的头像 程序猿
    2025年12月24日
    000
  • css边框变圆角边框怎么写 好文分享

    css边框变圆角边框怎么写

    写法：1、给边框添加“border-radius:圆角值;”样式统一设置圆角大小；2、添加“border-top-left-radius:圆角值;”、“border-top-right-radius:圆角值;”等样式分别设置四角圆角大小。 本教程操作环境：windows7系统、CSS3&&a…

    程序猿的头像 程序猿
    2025年12月24日
    000

  • css如何使鼠标悬停变色

    在css中，可以通过hover选择器和color属性实现鼠标悬停变色的效果，hover选择器用于选择鼠标指针浮动在上面的元素，color属性用于设置悬停时的颜色；语法“:hover{color:悬停颜色;}”。 本教程操作环境：windows7系统、CSS3&&HTML5版、Dell…

    程序猿的头像 程序猿
    2025年12月24日 • 好文分享
    000

  • 手把手教你使用css制作表格边框设置效果（附代码）

    之前的文章《一招教你使用css3制作按钮添加动态效果（代码分享）》中，给大家介绍了怎么使用css3制作按钮添加动态效果。下面本篇文章给大家介绍怎么使用css制作表格边框设置效果，我们一起看看怎么做。 网页中常常有这样的表格布局边框，给大家分享一下看效果图看完效果，我们来研究一下是怎么实现呢，给大家用…

    程序猿的头像 程序猿
    2025年12月24日 • 好文分享
    000

发表回复

登录后才能评论
关注微信