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

資訊專欄INFORMATION COLUMN

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

LittleLiByte / 1864人閱讀

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

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

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

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

、、表格邊框--border

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

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



...




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




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


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

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


表格的標(biāo)題


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




單元格背景圖像--background






    
    小白



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






    亞洲
    

        中國(guó)
        北京
        1949年10月1日
    

    

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






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




    亞洲
    

        中國(guó)
        北京
        1949年10月1日
    

    

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







行合并屬性--rowspan

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







    
    單元格行合并




    招生簡(jiǎn)章
    

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

    

        外語(yǔ)
    

    

        政治
    

    

    專業(yè)課
    100







列合并屬性--colspan

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







    
    單元格列合并




    

        西安
    

    

        長(zhǎng)安區(qū)
        雁塔區(qū)
        碑林區(qū)
    

    

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









表格的嵌套

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





    
    表格嵌套




    示例
    

        曇花
        
            
        
        
            
        
    

    

        瀏覽器
        
            百度
        
        
            

                

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

            

        		
    







           
               
                                           
                       
                 

            
                     
             
               

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

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

               

                      
               
              

              

                
相關(guān)文章

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

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

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



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

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

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

              

              
               

                  
                  
發(fā)表評(píng)論

                   
               

              

                

                  
0條評(píng)論
   
                
 
                      

              

           

           

              
 
                

                   
              
  

                  
最新活動(dòng)
 
           
                             
              





                                
              

           

        

      
 
    

    
     

      
    

    
    

    
       
       

         
閱讀需要支付1元查看
  
         
     
       

      
  
    
    














<