十二、表格标签

提示:文章写完后,目录可以自动生成,表单基本属性和应用。

文章目录

  • 前言
  • 一、表格的基本语法
  • 二、表头单元格标签
  • 三、表格属性
  • 四、表格结构标签
  • 五、合并单元格


提示:以下是本篇文章正文内容,下面案例可供参考

一、表格标签

  1、表格的基本语法:表格基本用于展示我的数据

例如

 
姓名 性别 年龄

  解释;

1、

表示表格标签

2、表示表格里面一行

3、表示每一行里面的小单元格

理解图:

十二、表格标签_第1张图片

二、表头单元格标签

  表示标题表头单元格,也就是加粗、居中、更明显

例如;





    
    
    
    表格标签



    
姓名 性别 年龄
刘德华 56
张学友 55
郭富城 51
黎明 57

结果显示:

十二、表格标签_第2张图片

三、表格属性

                            注意:表格属性写到“table”标签里面

align(对齐)---------lef(左边)、center(居中)、right(右边)

border(边框)-------1或者" "

cellpadding-----------文字和边框像素为“1”(默认的)

cellspacing----------边框单元格和边框单元格之间的像素“2”(默认的)

width------------宽

height-----------高

如下:





    
    
    
    表格属性



    
名字 性别 年龄
熊大 80
熊二 90
光头强 100

结果显示:

十二、表格标签_第3张图片

  

四.表格结构标签

注意:一般表格头部区域用thead、而thead包含在里面

thead-------------表头的区域

tbody-------------表格主体区域

(1)、外表格用:

  (2)、用表格每一行:

                    thead-------------头表文字应用到

                    tbody-------------主体文字应用到

(3)、表格属性:

             1、取方向:aling:center居中、lef左边、right右边

            2、border(边框):1或者" "

             3、cellpadding:文字和边框像素为“1”(默认的)

             4、cellspacing:边框单元格和边框单元格之间的像素“2”(默认的)

            5、width:宽

            6、height:高

  (4)、合并单元格:

                             跨行合并:rowspan

                             跨列合并: colspan      

五、合并单元格

    (1)、跨行合并:rowspan 合并单元格个数

     (2)、跨列合并: colspan  合并单元格个数

例如:





    
    
    
    单元格合并



    

结果:

十二、表格标签_第4张图片


目标单元格:

      跨行合并:跨行单元格以最上为目标(也就是第一个开始、保留第一个,在第一个写属性、其他删掉标签就可以了)。

     跨列合并:跨列单元格以最左为目标(也就是第一个开始、保留第一个,在第一个写属性、其他删掉标签就可以了)。

例如下 :





    
    
    
    合并单元格



    
个人简历
姓名: 张三 性别: 照片
婚姻状况: 未婚 出生年月: 2001-11-29
民族: 汉族 政治面貌: 党员
身高: 179 学历: 本科

 结果:

十二、表格标签_第5张图片

 

总结

提示:这里对文章进行总结:
例如:以上就是今天要讲的内容,本文仅仅简单介绍了表格的基本语法、表头单元格标签、表格属性、表格结构标签、合并单元格。

你可能感兴趣的:(表格标签,html)