【7】HTML基础(3)——HTML常用标签③ 八、无序列表标签

【7】HTML基础(3)——HTML常用标签③

接上篇
#目录
八、无序列表标签

八、无序列表标签

列表用于制作HTML中的一系列项目;
通常我们会将内容相关、结构相似、样式相近的内容使用列表结构进行搭建;
根据项目的内容不同,可以有三种语义的列表结构:无序列表、有序列表、定义列表;
常见列表情况:

①无序列表

(一)语法:

1.无序列表需要两个标签参与,分别是<ul><li>;
ul:unordered list,表示定义一个无序列表的大结构;
li:list item,列表项,定义的是无序列表内的某一项;
2.<ul><li>是嵌套关系;
3.一个列表中可以有任意个列表项。

<ul>
   <li>列表项1</li>
   <li>列表项2</li>
   <li>列表项3</li>
</ul>

(二)注意事项

1.<ul>内部只能嵌套<li><li>标签不能脱离<ul>单独书写;
2.<li>标签是一个经典的容器级标签,内部可以放置任意内容,甚至可以放一组无序列表结构;
3.无序列表的列表项<li>之间,没有顺序的先后之分,它们的重要程度是相同的;
4.无序列表的作用只是搭建列表结构,没有添加样式前缀的功能,样式是由CSS负责。


下篇继续列表相关标签…

全部评论

相关推荐

牛客5655:其他公司的面试(事)吗
点赞 评论 收藏
分享
评论
点赞
收藏
分享
牛客网
牛客企业服务