HTML-

作用是用来处理表格式的数据,不是用来布局的


表格标签:
    table定义表格
    tr定义行
    td定义单元格
    th标签: 给每一列设置标题, 单元格中的内容会自动加粗,居中
    caption标签:给整个表格设置标题(一定要嵌套在talbe标签内部才有效,并且紧跟table标签)


属性:
        border: 默认情况下表格的边框宽度为0看不到, 通过border属性给表格指定边框宽度
        width: 默认情况下表格的宽度是由内容自动计算出来的, 可以通过width属性指定表格的宽度
        height:默认情况下表格的高度是由内容自动计算出来的, 可以通过height属性指定表格的高度

        注意:
如果一不小心给每个单元格设置的宽度比整个表格大,那么计算如下:整个表格的宽度不变,按照等比例划分。

如果一不小心给每个单元格设置的高度比整个表格大,那么计算如下:整个表格的高度可变,按照设置的单元格高度来展现。


        cellspacing: 外边距. 默认情况下单元格之间有2个像素的间隙, 可以通过cellspacing指定表格之间的间隙
        cellpadding: 内边距. 默认情况下单元格边缘距离内容有1个像素的内边距, 可以通过cellpadding属性指定单元格边缘和内容之间的内边距
        align: 规定表格相对周围元素的对齐方式, 它的取值有center、left、right
        valign: 规定表格相对周围元素的对齐方式, 它的取值有top/middle/bottom(注意:给table标签设置无效)


合并单元格:
        水平方向合并:colspan
        垂直方向合并:rowspan


细线表格:

    (1)平时给表格标签添加边框,它会是里面的单元格分别有一个单独边框,外面还有一个大边框包裹着单元格            

            想要做细线表格可以设置表格的背景颜色
           给table设置bgcolor属性, 是给整个表格设置背景颜色
           给tr设置bgcolor属性, 是给当前行设置背景颜色
           给td设置bgcolor属性, 是给当前单元格设置背景颜色
                    注意:要想让线条细一点,可以设置border=“0”,然后让cellspacing的值小一点


(2)只用在css中table标签添加border-collapse: collapse; 属性设置表格的边框被合并为一个单一的边框即可

你可能感兴趣的:(HTML-

)