HTML列表标签

1列表标签

1.无序列表
            ul表示无序列表的整体
            li表示无序列表的每一项
            显示特点:列表的每一项前默认显示原点标识
            注意点:
                        ul标签只允许包含li标签(ul里面只能嵌套li)
                        li标签可以包含任意内容(li是一个容器 里面可以包含任何元素)

        2.有序列表
            ol 表示有序列表的整体
            li 表示有序列表的每一项
            显示特点:列表的每一项前默认显示序号标识
            注意点:
                        ol标签只允许包含li标签(ol里面只能嵌套li)
                        li标签可以包含任意内容(li是一个容器 里面可以包含任何元素)

        3.自定义列表
            dl表示自定义列表的整体
            dt表示自定义列表的主体
            dd表示自定义列表中的每一项解释说明
            显示特点:dd前会默认显示缩进效果
             注意点:
                        dl标签只允许包含dt/dd标签
                       dt/dd标签可以包含任意内容

2.表格标签
        table  表示表格的整体  可用于包裹多个tr
        tr  表示表格的每一行  可用于包裹td
        td  表示表格的单元格  可用于包裹内容
        注意点:标签的嵌套关系: table > tr > td
        caption  表格大标题 表示表格整体大标题,默认在表格整体顶部居中位置显示
            caption标签书写在table标签内部
         th  表头单元格 表示一列小标题,通常用于表格第一行,默认内部文字加粗并居中显示
            th标签书写在tr标签内部(用于替换td标签)

        1.表格结构
            thead  表格头部
            tbody 表格主体
            tfoot 表格底部
            注意:
                表格结构标签内部用于包裹tr标签
                表格的结构标签可以省略

        2.表格相关属性
            border属性  边框宽度
            width属性  表格宽度
            height属性  表格高度
            合并单元格步骤
                1. 明确合并哪几个单元格
                2.通过左上原则，确定保留谁删除谁
                    上下合并→只保留最上的，删除其他
                    左右合并→只保留最左的，删除其他
                3. 给保留的单元格设置：
                    rowspan
                        跨行合并→垂直方向合并
                    colspan
                        跨列合并→水平方向合并 
                注意:
                    只有同一个结构标签中的单元格才能合并，不能跨结构标签合并（不能跨：thead、tbody、tfoot）