HTML——表格的基本样式

表格在以前用的比较多,之前的表格主要是作面布局!表格的代码不好维护不推荐使用!

div+css布局就代替表格!

1.在页面里面做表格用——>

——>在页面的表格是怎么定义的——>表格组成元素是行——> ——>把一行分成了若干单元格——>标题标签——> ——> 内容标签——>;

2.表格在页面上显示:

1.快捷方法:行

 




    
    
    
    表格


    
        tr*4
    

2.标题——>内容




    
    
    
    表格


    
            th*4
        
            td*4
        
部门 姓名 性别 工资

3.显示没有边框的表格代码段:




    
    
    
    表格


    
部门 姓名 性别 工资
开发组 小明 1w
开发组 小梅 1w
开发组 小刚 1w

显示效果:

部门

姓名

性别

工资

开发组

小明

1w

开发组

小梅

1w

开发组

小刚

1w

 

4.给表格加边框——>border属性(不要写成了proder)




    
    
    
    表格


    
部门 姓名 性别 工资
开发组 小明 1w
开发组 小梅 1w
开发组 小刚 1w

HTML——表格的基本样式_第1张图片

5.colspan合并列,rowspan合并行;

 

 




    
    
    
    表格


    
部门 姓名 性别 工资
开发组 小明 1w
小梅 1w
小刚 1w
工资合计 3w

 HTML——表格的基本样式_第2张图片

 

你可能感兴趣的:(html)