首頁 > web前端 > html教學 > HTML table 直列化格式詳解

HTML table 直列化格式詳解

高洛峰
發布: 2017-02-10 10:31:17
原創
1817 人瀏覽過

下面小編就為大家帶來一篇HTML table 直列化格式詳解。小編覺得蠻不錯的,現在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧

直列化格式

...

屬性名稱                                          屬性值                            說明

align                                            left                                                 靠左
                                                   center                                             靠中
                                                   right右邊
valign                                                                                          且 middle          前額                                                                                           直列數

bgcolor                                      顏色                                                背景顏色

個別直列設置

格式:

功能完全和一樣


XML/HTML Code複製內容到剪貼簿

  1. .org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  

  2.   

  3. >  

    head
  4. >

      化格式title>

      
  5. head>  

  6. body
  7.  cellpadding="5px" cellspacing=

    "0px "
  8.  
  9. border

    ="1px" bordercolor="black"

    >
  10.    
  11.             第一組colgroup中的span="2"相當於一個佔位符,這樣第三列(數學這一整列  設定span ="3",則第四列(英文這一整列)會顯示為紅色              colgroup >  

  12.             

  13. colgroup
  14.  

    >  

  15.         --
  16. >

          --col

  17. >
  18. 功能完全和

    colgroup>一樣    >標籤達到和colgroup>一樣的功能  

  19.             這裡加了一個align="right"單獨設定第三列(數學這一整列  

  20.         

    col
  21.  
  22. span

    ="2" />          

    col
  23.     
  24. "right" />           caption align="left"

  25. >
  26. 學生成績表

    caption🎠 tr>              th >

    姓名
  27. th>  

           
  28. th

    >              th     th

    >
  29. 數學
  30. th>             >  

  31.         

    tr>           tr

  32. >
  33.    

    td>張三td>  

       >
  34. 90
  35. td>  

  36.           
  37. >              

  38. td
  39. > 99td>               

  40. tr

    >  

  41.             td>李四         td>

    98
  42. td>  td>  td>

  43.             

    td>92      td>

    96
  44. td>  td>  td>

      
  45. td

    >  td>

      
  46. td

    >  td>

      
  47. td

    >   tr>  

  48.         
  49.       

    td>王五td>  

    td
  50. >

     ¢             td> 92    

    td
  51. >

    97td>  

    td
  52. >

    91 td>  

  53.   
  54.         tr

    >
  55.   
  56. tr >               td> ;總分

  57.    
  58. td>200 td>  
  59. >
  60.   

                < ;td>200     

    td
  61. >

    200td> td>

  62. td

    >

  63. tr
  64. >      

  65. >

      

    html
  66. >

      

    以上就是小編為大家帶來的HTML table 直列化格式詳解的全部內容了,希望對大家有所幫助,多多支持PHP中文網~

    更多HTML table 直列化格式詳解相關文章請關注PHP中文網!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板