HTML表格

<table>標(biāo)記

  1. 基本格式

    <table 屬性1="屬性值1" 屬性2="屬性值2"......>表格內(nèi)容</table>

  2. table標(biāo)記的屬性

    • width (寬度)

    • height (高度)

    • border (邊框)

    • align

      表格的對(duì)齊方式:

      1. left (居左)
      2. center (居中)
      3. right (居右)
    • cellspacing (單元格與單元格之間的距離)

    • cellpadding (單元格與內(nèi)容之間的距離)

    • frame

      1. void (無(wú)邊框)
      2. above (僅頂部)
      3. below (僅底部)
      4. hsides (僅頂部和底部)
      5. lhs (僅左側(cè))
      6. rhs (僅右側(cè))
      7. vsides (僅左側(cè)和右側(cè))
      8. box (全部4個(gè))
      9. border (全部4個(gè))
    • rules

      1. 作用

        控制是否顯示以及如何顯示單元格之間的分割線

      2. 屬性值

        • none (默認(rèn)值,無(wú)分割線)
        • all (所有分割線)
        • rows (僅有行分割線)
        • clos (僅有列分割線)
        • groups (僅有行組和列組之間有分割線)

<caption>標(biāo)記

  1. 什么時(shí)候使用

    如果表格需要標(biāo)題,則使用該標(biāo)記

  2. 如何使用正確

    <caption>屬性的插入位置,直接位于<table>屬性之后,<tr>表格行之前。

  3. align屬性

    • top (標(biāo)題放在表格的上部)
    • bottom (標(biāo)題放在表格的下部)
    • left (標(biāo)題放在表格的左側(cè))
    • right (標(biāo)題放在表格的右側(cè))

<tr>標(biāo)記

  1. 定義

    定義表格的一行,每一行都是一對(duì)<tr>...</tr>標(biāo)記表示,每一行<tr>標(biāo)記可以嵌套多個(gè)<td>或者<th>標(biāo)記。

  2. 可選屬性

    • bgcolor (背景顏色)
    • valign (垂直方向?qū)R方式:bottom、top、middle)
    • align (水平方向?qū)R方式:left、right、center)

<td><th>標(biāo)記

  1. 定義

    <td><th>都是單元格的標(biāo)記,其必須嵌套在<tr>標(biāo)簽內(nèi),是成對(duì)出現(xiàn)的。

  2. 兩者的區(qū)別

    • <th>是表頭標(biāo)記,通常位于首行或首列,<th>中的文字默認(rèn)會(huì)被加粗,而<tr>不會(huì)
    • <td>是數(shù)據(jù)標(biāo)記,表示該單元格的具體數(shù)據(jù)
  3. 共同點(diǎn)

    兩者的標(biāo)記屬性是一致的

  4. 屬性

    • bgcolor (背景顏色)
    • align (對(duì)齊方式)
    • valign (垂直對(duì)齊方式)
    • width (寬度)
    • height (高度)
    • rowspan (所占行數(shù))
    • colspan (所占列數(shù)``)
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 一,HTML語(yǔ)言的一般語(yǔ)法: 1,圍堵標(biāo)記:<>… 1)帶屬性的標(biāo)記: … 2)無(wú)屬性的標(biāo)記:加粗 居中 標(biāo)題 2...
    清水易藍(lán)閱讀 1,374評(píng)論 0 2
  • 2017-09-07摘抄自W3school-HTML 表格希望幫助自己系統(tǒng)地打好基礎(chǔ),也能在做筆記的同時(shí)添加一些自...
    moralok閱讀 402評(píng)論 0 0
  • 1.水平方向上單元格的合并 可以給tb標(biāo)簽添加一個(gè)colspan的屬性 *注意: (1)單元格永遠(yuǎn)都是向后或者向下...
    5a4982b9b5fe閱讀 435評(píng)論 0 0
  • 表格的標(biāo)簽 :表格由 標(biāo)簽來(lái)定義。 : 每個(gè)表格均有若干行,由 標(biāo)簽定義。 : 表格內(nèi),每行被分割為若干單元格...
    qin7zhen閱讀 549評(píng)論 0 2
  • 你還記得小時(shí)候的夢(mèng)想嗎? 我那時(shí)說(shuō)長(zhǎng)大要當(dāng)舞蹈家。 文/阿瓦 初高中時(shí)寄宿,沒(méi)地方可以跳舞,練就了用大腦跳舞的本領(lǐng)...
    德?tīng)?/span>閱讀 779評(píng)論 0 50

友情鏈接更多精彩內(nèi)容