什么是列表? 把…制成表,以表显示。 容器里面装载着文字或图表的一种形式,叫列表。 列表最大的特点就是 整齐 、整洁、 有序。 无序列表 ul (重点) 无序列表的各个列表项之间没有顺序级别之分,是并
顺晟科技
2022-09-15 21:59:01
71
列表:
列表用于制作HTML中的一系列项目。 通常我们会将内容相关、结构相似、样式相近的内容使用列表结构进行搭建。 根据项目的内容不同,可以有三种语义的列表结构:无序列表、有序列表、定义列表。无序列表:
无序列表标签:
无序列表需要两个标签参与,分别是<ul>和<li>。 ul:unordered list,表示定义一个无序列表的大结构。 li:list item,列表项,定义的是无序列表内的某一项。 <ul>和<li>是嵌套关系,快捷键:ul>li。 一个列表中可以有任意个列表项。
注意事项:
1.<ul>内部只能嵌套<li>,<li>标签不能脱离<ul>单独书写。 2.<li>标签是一个经典的容器级标签,内部可以放置任意内容,甚至可以放一组ul>li无序列表结构. 3.无序列表的列表项<li>之间,没有顺序的先后之分,它们的重要程度是相同的。 4.无序列表的作用只是搭建列表结构,没有添加样式前缀的功能,样式是由css负责。有序列表:
有序列表标签:
有序列表的语法与无序列表非常类似,只是在语义上有差异。 有序列表由两个标签组成,分别是<ol>和<li>。 ol:ordered list,表示定义一个有序的列表的大结构。 li:list item,定义的是有序列表的每一项。<ol>和<li>是嵌套关系,快捷键:ol>li。 <ol>标签内部可以嵌套任意多个<li>标签。 注意事项: 1.<ol>内部只能嵌套<li>标签,而<li>不能脱离<ol>单独书写。 2.<li>标签是一个经典的容器级标签,内部可以放置任意内容,甚至可以放ol>li。 3.有序列表的列表项<li>之间,存在顺序先后之分,根据内容的顺序需要合理调整书写位置。 4.有序列表的作用只是搭建有顺序的列表结构,前面的数字排序样式不是<ol>标签的作用,而是css负责的。
15
2022-09
15
2022-09
15
2022-09
15
2022-09
15
2022-09
15
2022-09