html中的li和ul是什么标签

html-css020

html中的li和ul是什么标签,第1张

<li>标签定义列表项目。可用在有序列表 (<ol>) 和无序列表 (<ul>) 中。

<ul>标签定义无序列表。

所有主流浏览器都支持 <li>和<ul>标签。

<li>和<ul>标签都支持 HTML 中的全局属性和事件属性。

扩展资料:

HTML是超文本标记语言,标准通用标记语言下的一个应用。

“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。

HTML的语言特点

1、简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便。

2、可扩展性:超级文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证。

3平台无关性:虽然个人计算机大行其道,但使用MAC等其他机器的大有人在,超级文本标记语言可以使用在广泛的平台上,这也是万维网(WWW)盛行的另一个原因。

4、通用性:另外,HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。

参考资料:HTML—百度百科

其实html里用什么标签都是可以的,除了像canvas、video、audio之类的媒体标签,其它文档类型的标签并没有特殊限制,只是html为不同标签默认了一些样式。当然这些样式都是可以被覆盖的,所以可以整个页面都用同一种标签。

而严格按照不同场景使用合适的标签可以提高代码的可读性。就像写一篇文章,全篇可以都用逗号,这并不太影响阅读,但是如果能在需要的地方使用感叹号、问号、句号,就能够加强语感和段落。

ul标签的场景是无序列表,与之对应的还有ol标签有序列表,当你使用了ul或者ol标签,下一级子标签就一定要li标签,用于表示列表中的一项。

网页中大部分的场景都是无序列表,所以ul使用的比ol更多。而所谓的无序和有序列表,只是一个列表子项是否带有序号而已。

当然,ul和ol都没有强制限制在什么场景使用,并且在进阶的网页中,一般都会将ul和ol标签的默认样式重置,因为在不同的浏览器中,默认的样式显示会有偏差,而且默认的样式并不美观,不一定符合设计图中的风格。

我们在用HTML编写页面的时候,经常需要用ul标签来调整列表。那么如何使用ul标签呢?下面我给大家分享一下。

工具/材料

sublime text

01

首先我们打开sublime text软件新建一个html文档,如下图所示

02

然后在html文档中加入ul标签内容,如下图所示

03

运行页面代码以后你就会看到ul中的内容按顺序输出了,如下图所示

04

另外我们也可以通过type属性指定内容前面的标签类型,如下图所示