[HTML]表格標簽table的使用(基本語法、屬性、單元格合並)


  • 基本語法

        <table>

                <thead>

                        <tr><th></th></tr>

                </thead>

                <tbody>

                        <tr><td></td></tr>

                </tbody>

        </table>

  • 標簽說明
標簽 含義 說明
table 表格 表格的最外層標簽
thead 表格的頭部區域 表示表格頭部內容
tbody 表格的主體區域 表示表格主體內容
tr 一行 表格中可以有多行
td 一個單元格 一行中可以有多個單元格
th 表頭單元格 默認加粗居中
  • table的相關屬性
屬性 含義 說明
align 表格對齊方式 值有left(左)、center(中)和right(右)三種情況
border 表格邊框 可以設置像素值(注意無單位),默認無邊框(值為0)
width 表格寬度 可以設置像素值(無單位)或百分比
height 表格高度 可以設置像素值(無單位)或百分比
cellpadding 單元格內邊距 像素值(無單位),規定單元格邊沿與其內容之間的空白,默認1像素
cellspacing 單元格間距 像素值(無單位),規定單元格之間的空白,默認2像素
  • 合並單元格
合並方式 寫法 說明
跨行合並 rowspan = "合並單元格的個數" 寫到td標簽內,后面行同一列指定數量的單元格會被合並
跨列合並 colspan = "合並單元格的個數" 寫到td標簽內,同一行后面列指定數量的單元格會被合並

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM