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

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

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

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

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

步骤如下：

1、首先我用一个ul和两个li标签元素来再页面显示一下；

2、接下来就开始让这两个li标签一左一右排列。先给宽高和一些颜色来看看它们最初始的排列方式；

3、然后打开浏览器就可以看到它们默认是垂直排列下去的；

4、接着我们给它们的容器ul设置display设置flex以及justify-content为spance-between即可。

---