HTML基础总结 列表、表格、表单标签（二）

列表标签

1.（使用场景也比较的多，在多个一样的东西排列时，就会使用无序列表）

注意：ul标签中只能包含li标签，li标签中可以包含任何内容。

无序列表标签组成

标签的嵌套格式：

整体 ul  ——>(包含）  li  

代码演示：                                          网页显示：

     

 2.有序列表

（使用频率比较低）

标签的嵌套格式：

 整体ol ——>(包含） li

注意：ul标签中只能包含li标签，li标签中可以包含任何内容。

代码演示：                                 网页显示：

       

列表的每一项前默认显示序号标识

自定义列表

 表格基本标签

使用场景：在网页的底部导航中通常会使用自定义实现。

标签的嵌套格式：

整体  dl ——>（包裹）每一行自定义列表的主题  dt ——>（包裹）每一个单元格 dd

代码演示：                                                 网页显示：

        

 显示特点：

dd前会默认显示缩进效果

注意：dl标签中只能包含dt/dd标签，dt/dd标签中可以包含任何内容。

 表格的基本标签

场景：在网页中有很多数据需要整齐展示时

标签的嵌套格式：

整体 table ——>每行 tr ——> 单元格 td

表格的基本相关属性设置：

border （表格边框宽度设置）

width  （表格宽度）

height   （表格高度）

代码演示：

 网页显示：