HTML无序列表ul标签用法

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

工具/材料

sublime text

01

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

02

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

03

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

04

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

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里面，配合使用。

---