HTML页面布局-创新互联

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

（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背景图定位等知识来布局，主流布局。

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。