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

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

ul li 是一个组合:是无序列表标签,在实际中用的非常多,

与之对应的是有序列表:ol li

<html>

<body>

<h4>一个无序列表:</h4>

<ul>

  <li>咖啡</li>

  <li>茶</li>

  <li>牛奶</li>

</ul>

</body>

</html> <!DOCTYPE html>

<html>

<body>

<ol>

  <li>咖啡</li>

  <li>牛奶</li>

  <li>茶</li>

</ol>

<ol start="50">

  <li>咖啡</li>

  <li>牛奶</li>

  <li>茶</li>

</ol>

 

</body>

</html>


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/6098913.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-14
下一篇 2023-03-14

发表评论

登录后才能评论

评论列表(0条)

保存