广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >html里ol和ul的区别有哪些
  • 606
分享到

html里ol和ul的区别有哪些

2024-04-02 19:04:59 606人浏览 薄情痞子
摘要

这篇文章给大家分享的是有关html里ol和ul的区别有哪些的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。 ol和ul的区别:1、ol是有序列表;而ul

这篇文章给大家分享的是有关html里ol和ul的区别有哪些的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

ol和ul的区别:1、ol是有序列表;而ul是无序列表。2、ol和ul的type属性值不一样,ul的type属性值有“disc”、“circle”、“square”等,而ol的type属性值有“1”、“a”、“A”、“i”、“I”等。

教程操作环境:windows7系统、HTML5版、Dell G3电脑。

ul是无序列表,所谓的无序列表只要举个例子,大家就会明白了。

●这是第一个列表
    ●这是第二个列表
    ●这是第三个列表
    ●这是第四个列表

ol是有序列表,同样举个例子。

1、这是第一个列表
 2、这是第二个列表
 3、这是第三个列表
 4、这是第四个列表

这就是ul与ol的区别。

ul与ol前的符号是可以修改的。只需要修改它们的type值。

ul的type属性有:disc—实心圆(默认)、circle—空心圆、square—实心方块

ol的type属性有:1—数字(默认)、a—小写字母、A—大写字母、i—小写希腊字母、I—大写希腊字母。

通过CSS也可以在将它们前的符号改为图片,这样列表显示就会更美观了。

感谢各位的阅读!关于“html里ol和ul的区别有哪些”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

--结束END--

本文标题: html里ol和ul的区别有哪些

本文链接: https://www.lsjlt.com/news/86184.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • html里ol和ul的区别有哪些
    这篇文章给大家分享的是有关html里ol和ul的区别有哪些的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。 ol和ul的区别:1、ol是有序列表;而ul...
    99+
    2022-10-19
  • html中dl与ul的区别有哪些
    本篇内容主要讲解“html中dl与ul的区别有哪些”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“html中dl与ul的区别有哪些”吧! ...
    99+
    2022-10-19
  • HTML和HTML5的区别有哪些
    这篇文章将为大家详细讲解有关HTML和HTML5的区别有哪些,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。概述HTML是超文本标记语言,它是通往 web 技术世界的钥匙。HTML 使用标记标签来描述网页,...
    99+
    2023-06-27
  • css和html的区别有哪些
    这篇文章主要介绍“css和html的区别有哪些”,在日常操作中,相信很多人在css和html的区别有哪些问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”css和html的区别有...
    99+
    2022-10-19
  • HTML和ASP的区别有哪些
    这篇文章主要介绍了HTML和ASP的区别有哪些的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇HTML和ASP的区别有哪些文章都会有所收获,下面我们一起来看看吧。 HTML ...
    99+
    2022-10-19
  • HTML和XML的区别有哪些
    HTML和XML的区别有:1、HTML是指超文本标记语言,而XML则是可扩展标记语言;2、HTML主要用于静态页面,而XML则是用于动态传输数据;3、HTML是一种标记语言,而XML是一种框架;4、HTML语言中是不区分大小写,而XML是区...
    99+
    2022-10-08
  • xhtml和html的区别有哪些
    小编给大家分享一下xhtml和html的区别有哪些,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧! XHTML是HTML向xml...
    99+
    2022-10-19
  • js和html的区别有哪些
    这篇文章主要介绍js和html的区别有哪些,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!区别:1、HTML是标记语言,JS是脚本语言。2、HTML在网页上提供静态内容,JS向静态网页添加动态功能。3、HTML基于W3...
    99+
    2023-06-15
  • HTML5和HTML的区别有哪些
    这篇文章主要讲解了“HTML5和HTML的区别有哪些”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“HTML5和HTML的区别有哪些”吧!  什么是HTML5和HTML?  HTML代表超文本...
    99+
    2023-06-27
  • Ae和html的区别有哪些
    这篇“Ae和html的区别有哪些”文章,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要参考一下,对于“Ae和html的区别有哪些”,小编整理了以下知识点,请大家跟着小编的步伐一步一步的慢慢理解,接下来就让我们进入主题...
    99+
    2023-06-06
  • html和jsp的区别有哪些
    小编给大家分享一下html和jsp的区别有哪些,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!html有什么特点1、简易性:超级文本标记语言版本升级采用超集方式,从...
    99+
    2023-06-14
  • shtml和html的区别有哪些
    这篇文章将为大家详细讲解有关shtml和html的区别有哪些,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。shtml和html的区别在于html是一种纯静态的标记型语言,在html文档里写的内容和用户打开...
    99+
    2023-06-15
  • html5和html有哪些区别
    这篇“html5和html有哪些区别”文章,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要参考一下,对于“html5和html有哪些区别”,小编整理了以下知识点,请大家跟着小编的步伐一步一步的慢慢理解,接下来就让我们...
    99+
    2023-06-06
  • HTML和XML有哪些区别
    这篇文章主要介绍HTML和XML有哪些区别,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!概述HTML 是超文本标记语言,它是通往 web 技术世界的钥匙。HTML 使用标记标签来描述网页,它的文档中包含了 ...
    99+
    2023-06-27
  • html和html5有哪些区别
    这篇文章主要讲解了“html和html5有哪些区别”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“html和html5有哪些区别”吧! ...
    99+
    2022-10-19
  • html和xhtml有哪些区别
    今天小编给大家分享的是html和xhtml有哪些区别,相信很多人都不太了解,为了让大家更加了解,所以给大家总结了以下内容,一起往下看吧。一定会有所收获的哦。 HTML超文本标记语...
    99+
    2022-10-19
  • HTML中div和span的区别有哪些
    这篇文章主要讲解了“HTML中div和span的区别有哪些”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“HTML中div和span的区别有哪些”吧! HT...
    99+
    2022-10-19
  • HTML中<p>和<br>的区别有哪些
    这篇文章将为大家详细讲解有关HTML中<p>和<br>的区别有哪些,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。   p标签   <p> 标签是一个段落标...
    99+
    2022-10-19
  • html中id和class有哪些区别
    这篇文章主要为大家展示了“html中id和class有哪些区别”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“html中id和class有哪些区别”这篇文章吧。 ...
    99+
    2022-10-19
  • jquery中的text和html的区别有哪些
    这篇文章主要介绍“jquery中的text和html的区别有哪些”,在日常操作中,相信很多人在jquery中的text和html的区别有哪些问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望...
    99+
    2022-10-19
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作