成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

python大佬養(yǎng)成計劃----HTML網(wǎng)頁設(shè)計（表格）

張巨偉 / 2406人閱讀

摘要：用于表示一行的開始和結(jié)束用來表示行中個單元格的開始和結(jié)束。通過可以調(diào)整文字與邊框之間的距離文字與邊框的距離表格中單元格之間的距離表格中單元格之間的距離也可以變化。

制作網(wǎng)頁時，要合理規(guī)劃網(wǎng)頁布局。比如，在網(wǎng)頁中添加一個表格，可分為上、中、下三部分，上部存放網(wǎng)頁標(biāo)題或LOGO圖片，中間部分是整個網(wǎng)頁的主體內(nèi)容，底部就是相關(guān)制作信息。此外，單元格里還可再添加單元格，將內(nèi)容分類別、分層次合理規(guī)劃。

表格標(biāo)簽--table

是一個雙標(biāo)簽。一個表格中包含

、、表格邊框--border

默認(rèn)情況下，表格不顯示邊框。為了更好的區(qū)分內(nèi)容，可以設(shè)置表格邊框?qū)挾却笮。?/p> 

三個基本元素。首標(biāo)簽和尾標(biāo)簽
表示一個表格的開始和結(jié)束。"tr=table row"用于表示一行的開始和結(jié)束,"td=table data"用來表示行中個單元格的開始和結(jié)束。



...




    單元格內(nèi)容
    單元格內(nèi)容




    單元格內(nèi)容
    單元格內(nèi)容


表格的標(biāo)題--caption

有一種特殊的單元格叫做標(biāo)題單元格，位于表格的第一行，標(biāo)題單元格是沒有邊框的，默認(rèn)居中顯示。


表格的標(biāo)題


表格中單元格之間的距離--cellspacing
表格中單元格之間的距離也可以變化。




單元格背景圖像--background






    
    小白



默認(rèn)情況下的表格






    亞洲
    

        中國
        北京
        1949年10月1日
    

    

        緬甸
        內(nèi)比都
        1948年1月4日
    






設(shè)置屬性后的表格




    亞洲
    

        中國
        北京
        1949年10月1日
    

    

        緬甸
        內(nèi)比都
        1948年1月4日
    







行合并屬性--rowspan

在制作一些復(fù)雜的表格時，需要用到單元格合并







    
    單元格行合并




    招生簡章
    

        基礎(chǔ)科目
        數(shù)學(xué)
    

    

        外語
    

    

        政治
    

    

    專業(yè)課
    100







列合并屬性--colspan

在制作一些復(fù)雜的表格時，需要用到單元格合并







    
    單元格列合并




    

        西安
    

    

        長安區(qū)
        雁塔區(qū)
        碑林區(qū)
    

    

        新城區(qū)
        高新區(qū)
        蓮湖區(qū)
    









表格的嵌套

一個表格內(nèi)部包含其他標(biāo)簽，用表格來排版頁面，可以使頁面各個部分互不沖突，整體結(jié)構(gòu)優(yōu)美。





    
    表格嵌套




    示例
    

        曇花
        
            
        
        
            
        
    

    

        瀏覽器
        
            百度
        
        
            

                

                    百度貼吧
                    百度網(wǎng)盤
                    百度圖庫
                

            

        		
    







           
               
                                           
                       
                 

            
                     
             
               

                   
 文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

                 
                   
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/53023.html

               

                      
               
              

              

                
相關(guān)文章

                
    
                             
                                                                    
  • 
                                                
    
                          
    python大佬養(yǎng)成計劃----HTML網(wǎng)頁設(shè)計（表格）
    
                                                     
    摘要：用于表示一行的開始和結(jié)束用來表示行中個單元格的開始和結(jié)束。通過可以調(diào)整文字與邊框之間的距離文字與邊框的距離表格中單元格之間的距離表格中單元格之間的距離也可以變化。

制作網(wǎng)頁時，要合理規(guī)劃網(wǎng)頁布局。比如，在網(wǎng)頁中添加一個表格，可分為上、中、下三部分，上部存放網(wǎng)頁標(biāo)題或LOGO圖片，中間部分是整個網(wǎng)頁的主體內(nèi)容，底部就是相關(guān)制作信息。此外，單元格里還可再添加單元格，將內(nèi)容分類別、分層次合理...
    
                                                   
                          
    
                                
    
                                    LittleLiByte
                                    
                                    評論0 
                                    收藏0 
                                
    
                          
    
                      
    
                    
    •  
                                                                                                                       
  • 
                                                
    
                          
    python大佬養(yǎng)成計劃----JavaScript對html的優(yōu)化
    
                                                     
    摘要：實現(xiàn)用鼠標(biāo)點擊下一頁時，更換圖片的功能。表格全選依次遍歷所有的單選框，設(shè)置狀態(tài)為選中如果狀態(tài)為未選中，則設(shè)置所有的單選框為未選中狀態(tài)依次遍歷所有的單選框，設(shè)置狀態(tài)為選中添加刪除編號姓名性別年齡

切換圖片
當(dāng)我們?yōu)g覽網(wǎng)頁時，時常出現(xiàn)圖片輪播場景。實現(xiàn)用鼠標(biāo)點擊‘下一頁’時，更換圖片的功能。
#當(dāng)前目錄下建立img目錄，存放圖片，圖片命名格式img1.jpg



    
    圖片切...
    
                                                   
                          
    
                                
    
                                    Lowky
                                    
                                    評論0 
                                    收藏0 
                                
    
                          
    
                      
    
                    
    •  
                                                                                       
  • 
                                                
    
                          
    python大佬養(yǎng)成計劃----CSS樣式類
    
                                                     
    摘要：與類選擇器一樣，選擇器中可以忽略通配選擇器。是唯一標(biāo)識，只能被使用一次選擇器標(biāo)簽選擇器標(biāo)簽選擇器使用類選擇器選擇器標(biāo)簽選擇器設(shè)置鏈接的樣式能夠設(shè)置鏈接樣式的屬性有很多種例如等等。

CSS 概述
CSS 指層疊樣式表 (Cascading Style Sheets)
樣式定義如何顯示 HTML 元素
樣式通常存儲在樣式表中
把樣式添加到 HTML 4.0 中，是為了解決內(nèi)容與表現(xiàn)分離的問...
    
                                                   
                          
    
                                
    
                                    daryl
                                    
                                    評論0 
                                    收藏0 
                                
    
                          
    
                      
    
                    
    •  
                                                                                       
  • 
                                                
    
                          
    python大佬養(yǎng)成計劃----CSS樣式類
    
                                                     
    摘要：與類選擇器一樣，選擇器中可以忽略通配選擇器。是唯一標(biāo)識，只能被使用一次選擇器標(biāo)簽選擇器標(biāo)簽選擇器使用類選擇器選擇器標(biāo)簽選擇器設(shè)置鏈接的樣式能夠設(shè)置鏈接樣式的屬性有很多種例如等等。

CSS 概述
CSS 指層疊樣式表 (Cascading Style Sheets)
樣式定義如何顯示 HTML 元素
樣式通常存儲在樣式表中
把樣式添加到 HTML 4.0 中，是為了解決內(nèi)容與表現(xiàn)分離的問...
    
                                                   
                          
    
                                
    
                                    Steve_Wang_
                                    
                                    評論0 
                                    收藏0 
                                
    
                          
    
                      
    
                    
    •  
                                                                           
                

              

              
               

                  
                  
發(fā)表評論

                   
               

              

                

                  
0條評論
   
                
 
                      

              

           

           

              
 
                

                    
                    
張巨偉

                    
男|高級講師

                    
                    

                          
TA的文章

                          閱讀更多
                    

                      
                


                   
              
  

                  
最新活動
 
           
                             
              





                                
              

           

        

      
 
    

    
     

      
    

    
    

    
       
       

         
閱讀需要支付1元查看
  
         
     
       

      
  
    
    














<