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

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属性指定内容前面的标签类型，如下图所示

1.

给ul命名,id class都行,例如 CSS中就是把ul换成相应的名字:(注意空格)div #myul{} //id 或者 div ul#myul{} div .myul() //class 或者 div ul.myul{} (相关课程推荐:css视频教程)

2.

属性值选择器,给ul添加不同的html属性值,例如: CSS中定义样式:ul[title="one"]{} ul[title="two"]{} 这种属于不常用的,还有很多不常用的选择器类别。基本上按照后代选择器+命名的方法,元素几乎都能单独调用。

---