HTML表格 - 图1HTML表格 — 2.docx
    表格梳理知识点.docx
    table — 表格
    tr — 行
    td — 单元格 — 列
    基本语法:
    HTML表格 - 图2
    带结构表格 — 表格划分三个部分
    thead — 表格的头(放表格的表头)
    tbody — 表格的主体(放数据的本体)
    tfoot — 表格的脚(放表格的脚注)
    以上三个标签不会影响我们的表格的布局
    table表格的属性:
    width px / % 规定表格的宽度
    align left center right 表格相对周围元素的对齐方式
    border px 规定表格边框的宽度
    bgcolor rgb(x,x,x) #xxxxxx colorname 表格的背景颜色
    cellpadding px /% 单元边沿和内容之间的空白
    cellspacing px /% 单元格之间的空白
    frame 属性值 规定外侧边框的哪个部分是可见的
    rules 属性值 规定内测边框的哪个部分是可见的
    HTML表格 - 图3
    frame外部边框样式
    frame
    void 不显示外侧边框
    above 显示上部外侧边框
    below 显示下部的外侧边框
    hsides 显示上下部
    vsides 显示左右
    lhs 显示左边
    rhs 显示右边
    box 显示所有四个边
    border 显示四个边
    rules属性值
    HTML表格 - 图4
    tr标签的属性设置
    align left center right justify char 行内容的水平对齐方式
    valign top middle bottom baseline 行内容的垂直对齐方式
    bgcolor rgb(x,x,x) #xxxxxx colorname 行的背景颜色
    1. colorname 规定颜色的名称 比如;red yellow blue green pink
    2. #xxxxxx / #xxx 16进制表示方式:#0~f的值
    3. rgb(x,x,x) 规定rgb代码的字体颜色 0~255 (拓展:rgba) — 对于颜色设置不支持
    颜色的三原色:红绿蓝
    颜色代码表
    https://www.sioe.cn/yingyong/yanse-rgb-16/
    td和th属性设置
    align left center right justify char 单元格内容的水平对齐方式
    valign top middle bottom baseline 单元格内容的垂直对齐方式
    bgcolor rgb(x,x,x) #xxxxxx colorname 单元格的背景颜色
    width px % 单元格的宽度
    height % px 单元格的高度

    colspan — 列合并
    rowspan — 行合并