189 8069 5689

HTML标签之table

对于table来说,在一些小的模块中进行表格布局是非常好用的。我们可以这样来理解table,主要分成table部分和td部分。

创新互联建站是专业的正镶白网站建设公司,正镶白接单;提供成都做网站、网站建设,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行正镶白网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

table部分:

主要是来控制外边框的(就是最外面一层边框,不包括里面部分),它拥有的属性为:margin属性,border属性,cellspacing属性,规定单元格之间的空白cellpadding属性,规定单元边沿与其内容之间的空白。

tr部分:

主要来分割有几行,一般只需要用来设定heigth。

td部分:

用来控制每个单元格的属性,可是分别控制每个单元格的上下左右边框,其中也包含padding属性。

th部分:

用法和td相同,只是用来区分表头的。

注意:

用百分比和用像素点是相同的。在table中,width指的是整个表格的宽度,而td的width值得指内部不包括内容content的宽度,这个同盒子模型。

以下用实例来说明table的一些常用布局手法:




11111111111111111111111
2
3


4
5
6


7
8
9


10
11
12

11111111111111111111111 2 3
4 5 6
7 8 9
10 11 12

 

注释:

border  设置所有边框的属性值 border=1 数值越小边框越细

bordercolor =”red”  指的是边框颜色为10

cellpadding :规定单元边沿与其内容之间的空白.,数值越大表格越大. (表格填充,用于隔开单元格与单元格的空间)

cellspacing=8  单元格与单元格之间的空隙距离.把表格想象成用铁丝做的一个框,cellspacing的属性值就相当于是用8格像素的厚度做的表格. 

th:定义表头,可以用来合并单元格 比如把第二行,第二三列合并.

 

    
        
        
            11111111111111111111111
            2
            3
            
        
            
                4
                合并单元格
            
                
                    7
                    8
                    9
                
                    
                        10
                        11
                        12
                    


如上所示:假设rowspan=2 合并两行的同时,不删除10  那最后一列就由3列变为4列

colspan  是列合并  colspan=”2″ 就是合并两列

rowspan是行合并

<


            
            
            
            
            
            
        
            
                
                合并单元格
            
                
                    <合并列
                    
                    
                
                    
                        
                        
                        
                    

合并行之后,把

删掉的情况


网站名称:HTML标签之table
文章网址:http://cdxtjz.cn/article/ijjpsg.html

联系我们

您好HELLO!
感谢您来到成都网站建设公司,若您有合作意向,请您为我们留言或使用以下方式联系我们, 我们将尽快给你回复,并为您提供真诚的设计服务,谢谢。
  • 电话:028- 86922220 18980695689
  • 商务合作邮箱:631063699@qq.com
  • 合作QQ: 532337155
  • 成都网站设计地址:成都市青羊区锣锅巷31号五金站写字楼6楼

小谭建站工作室

成都小谭网站建设公司拥有多年以上互联网从业经验的团队,始终保持务实的风格,以"帮助客户成功"为已任,专注于提供对客户有价值的服务。 我们已为众企业及上市公司提供专业的网站建设服务。我们不只是一家网站建设的网络公司;我们对营销、技术、管理都有自己独特见解,小谭建站采取“创意+综合+营销”一体化的方式为您提供更专业的服务!

小谭观点

相对传统的成都网站建设公司而言,小谭是互联网中的网站品牌策划,我们精于企业品牌与互联网相结合的整体战略服务。
我们始终认为,网站必须注入企业基因,真正使网站成为企业vi的一部分,让整个网站品牌策划体系变的深入而持久。
11111111111111111111111 2 3
4 合并单元格
7 8 9
10 11 12
11111111111111111111111 2 3
4 合并单元格
合并列 8 9
11 12
1111111111111111111111123
4
89
1112
10