表格(table属性、th/td属性、单元格合并)

表格

 现在HTML 表格应该用于表格数据 
​
  语法:
    表格的容器
  
    行
    
      
      
    
  
普通单元格表头单元格
​ table标签上的border属性:                   表格的边框                   默认值:0 无边框                   取值: 1 或者正整数(2 3) th:表头单元格 默认文字加粗 水平居中 垂直居中 td:普通单元格 默认 水平居左 垂直居中 ​ th和td自带1px的边框和1px的内间距 ​ 注意: 表格必须嵌套在table中 tr必须写在table th和td必须写在tr中 th和td单元格中可以嵌套任何标签 ​ ​

table属性

​
 table属性:
​
   border属性:
     表格的边框
     默认值:0 无边框
     取值: 1 或者正整数(2 3)
     注意:只有table的边框是10px,th和td的边框还是1px
    
    宽高属性:
     width  单位 px 可以省略
     height  单位 px 可以省略
​
    cellpadding属性:
    作用:定义单元格中内容和边框之间的间距,单位是像素,可以省略
​
    cellspacing
   作用:单元格和单元格之间的间距,默认值为2,单位是像素,可以省略
  cellspacing='0',单元格之间的距离为0
​
​
​
​
 
    
      
      
      
    
    
      
      
      
    
  
品牌创始人创始年份
忽悠集团胡兴伟1996

th/td属性

 th/td 属性:
  宽高属性:
  width 单位 px 可以省略
  height 单位 px 可以省略
​
 -  align
​
   - 作用:单元格水平方向的对齐方式
   - 取值
     -  left左对齐
     -  center 居中对齐
     -  right 右对齐
​
-  valign
​
   - 作用:单元格垂直方向的对齐方式
   - 取值
     - top顶对齐
     - middle居中对齐
     - bottom底部对齐
​
​
  
    
      
      
      
      
    
    
      
      
      
      
      
    
    
      
      
​
      
      
      
      
    
  
品牌创始人创始年份
碰瓷集团李鹏飞1997
猛男集团薛芊芊2000

单元格合并

-  rowspan
​
   - 作用:跨行合并
     语法: 电话 
​
-  colspan
​
   - 作用:跨列合并
     语法: 电话 
​
-  操作步骤
​
   - 1.确定是合并行还是合并列
   - 2.找到目标单元格,添加合并属性及合并单元格的数量如: 电话 
   - 3.删除多余单元格

你可能感兴趣的:(html,前端,css)