HTML无序列表ul标签用法

2025-05-05 22:58:17

1、<ul>是无序列标签，英文单词为“unordered list”，是闭合标签，尾巴为</ul>，具体使用语法如下：<ul>内容</ul>

2、编辑方式：可以网上百度在线HTML编辑器，或是新建文本文档输入内容后另外为”.html“格式，如下图：ps：这里使用文本文档方式！

3、讲完编辑方法，现在正式说说<ul>用法，其常结合列表项标签<li>一起使用，使用格式如下图：<html><body>百度经验<ul><li>时</li><li>钟</li><li>boo</li></ul></body></html>

4、<ul>type属性可定义列表情的标记付好，一般有disc（圆点）、circle（圆圈）、square（方块）、等！①disc输入内容：<html><body>百度经验<ul type="disc"><li>时</li><li>钟</li><li>boo</li></ul></body></html>网页上显示内容跟上述是一样的，<ul>的属性一般默认为圆点！

5、②circle<html><body>百度经验<ul type="circle"><li>时</li><li>钟</li><li>boo</li></ul></body></html>网页上显示效果如下：

6、③square<html><body>百度经验<ul type="square"><li>时</li><li>钟</li><li>boo</li></ul></body></html>网页上显示效果如下：

7、嵌套列表，第一个<ul>下嵌套2个列表项，第二稍僚敉视个<ul>下嵌套1个列表项。<html><body>百度经验<ul><造婷用痃li>离人愁</li><li>伤别离 <ul> <li>凋零落</li> <li>吟空悲 <ul> <li>续繁华</li> <li>又何处</li> </ul> </li> </ul><li>时钟boo</li></li></ul></body></html>

8、<ul>是无序列表的，而<ol>是有序无序列表，用法坼黉赞楞格式类似，如下说明：<html><body>百度经验<ol><li媪青怍牙>离人愁</li><li>伤别离 <ol> <li>凋零落</li> <li>吟空悲 <ol> <li>续繁华</li> <li>又何处</li> </ol> </li> </ol><li>时钟boo</li></li></ol></body></html>

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。