html里的ul和Li的区别是什么

html-css012

html里的ul和Li的区别是什么,第1张

1、定义不同

ul 是 Unordered List(无序列表)的缩写。<li>标签定义列表项目(li是lists的缩写)。

2、用法不同

<ul>标签定义无序列表。使用 <li>标签定义的列表可以是个无序列表也可以是有序列表。

3、支持的HTML全局属性不同

<li>标签支持所有的HTML 全局属性。<ul>标签支持 HTML 中的全局属性:accesskey、class、dir、id、lang、style、tabindex、title。

4、属性不同

<ul>标签中的属性:compact、type。<ul>标签:id, class, title, style, dir, lang, xml:lang。

5、元素级别不同

ul 是块级元素可以定义宽和高,li表示行排列不能单独使用,需要在ul和ol里面,配合使用。

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

工具/材料

sublime text

01

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

02

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

03

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

04

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