HTML页面布局

1.table布局：通过table元素将页面空间划分成若干个单元格，将文字或图片等元素放入单元格中，隐藏表格边框，实现布局。也叫传统布局，主要用于广告邮件的页面，不是主流。

专注于为中小企业提供成都做网站、网站制作服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业锦州免费做网站提供优质的服务。我们立足成都，凝聚了一批互联网行业人才，有力地推动了上1000+企业的稳健成长，帮助中小企业通过网站建设实现规模扩充和转变。

（1）按照设计图的尺寸设置表格的宽高以及单元格的宽高

（2）将表格border，cellpadding，cellspacing全设置为0，表格的边框和间距就不占页面空间，它只起到划分空间的作用。

（3）针对局部复杂的布局，可以在单元格里面嵌套表格，嵌套表格划分局部的空间。

（4）单元格中的元素或者嵌套的表格用align和valign设置对齐方式

（5）通过属性或者CSS样式设置单元格中元素的样式

    

        


            


                

                

                    

                
                

                    
小小雄
                
                

                    
13621553248
                
                

                    
126421@qq.com
                
            
        
        

        


            
            

                

            

                

                    
个人基本情况

                
                

                    
姓名：小熊熊
                    
性别：男
                
                

                    
籍贯：撒哈拉
                    
民族：亚特兰蒂斯
                
                

                    
电话：13597894221
                    
地址：大荒漠
                
                

                    
身高：200cm
                    
体重：100kg
                
                

                    
爱好：打猎
                    
个性：调皮
                
            

            


            

                

                    
教育基本情况
                
                

                    
2000-2010：骑射剑
                
                

                    
2011-2018：琴书画
                
            

            


            

                

                    
所获证书
                
                

                    
2005年黄金骑士
                
                

                    
2016诗仙
                
            
        
        

    

2.HTML+CSS布局（DIV+CSS）:主要通过CSS样式设置来布局文字或图片等元素，需要用到CSS盒子模型，盒子类型，CSS浮动，CSS定位，CSS背景图定位等知识来布局，主流布局。