<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                合規國際互聯網加速 OSASE為企業客戶提供高速穩定SD-WAN國際加速解決方案。 廣告
                ### table 表格標簽 使用格式 ``` <table 屬性1="屬性值1" 屬性2="屬性值2" ... ... >表格內容</table> ``` #### 屬性 * width height 表示表格的寬度和高度,他的值可以是像素(px)也可以是父級元素的百分百(%) * border 表示表格外邊框的寬度,`默認值為0` * align 表格的顯示位置,默認值為left,可選值`left,center,right` * cellspacing 單元格之間的間距,`默認是2px` * cellpadding 單元格內容與單元格邊框的顯示距離 * frame 控制表格邊框最外層的四條線框,`默認值void`,無邊框 >[info] above 表示僅頂部有邊框 > bottom 表示僅底部有邊框 > hsides 表示僅有頂部邊框和底部邊框 > lhs 表示僅有左側邊框 > rhs 表示僅有右側邊框 > vsides 表示僅有左右側邊框 > box border 包含4個邊框 * rules 控制是否顯示以及如何顯示單元格之間的分割線,默認值為none,無分割線 >[info] all 包含所有分割線 > rows 僅有行分割線 > cols 僅有列分割線 > groups 在行組和列祖之間有分割線 ### caption 表格標題標簽 表示表格的標題 使用格式 ``` <caption>屬性的插入位置,直接位于<table>屬性之后,<tr>表格行之前 ``` #### 屬性 align默認值為top,可選值`bottom,left,right` ### tr 表格行標簽 定義表格的一行,對于每一個表格行,都是由一對`<tr>...</tr>`標記表示,每一行`<tr>`標記內可以嵌套多個`<td>`或者`<th>`標記 #### 屬性 * bgcolor 設置背景顏色 * align 設置垂直方向對齊方式 `bottom,middle, top` * valign 設置水平方向對齊方式 `center,left,right` ### th 和 td `<th>`是表頭標記,通常位于首行或者首列,`<th>`中的文字默認會被加粗,而`<td>`不會 #### 屬性 * bgcolor 設置背景顏色 * width height 表示單元格的寬度和高度 * align 設置垂直方向對齊方式 `bottom,top,middle` * valign 設置水平方向對齊方式 `center,left,right` * rowspan 設置單元格所占行數 * colspan設置單元格所占列數 例子 表格嵌套時左對齊 ``` <!DOCTYPE html> <html> <head> <title>第8節課</title> <meta charset="utf8"> </head> <body topmargin='5%' leftmargin='0px' link="blue" vlink="red" alink="green"> <table width="90%" border="0px" align="center" cellspacing="0px" cellpadding="0px"> <tr bgcolor="green" height='90px' align="center"> <td> <font size="8" color="white"><b>head</b></font> </td> </tr> <tr > <td> <table width="30%" height='500px' bgcolor="yellow" align="left"> <tr align="center"> <td> <font size="8" color="white"><b>left</b></font> </td> </tr> </table> <table width="70%" height='500px' bgcolor="#ccc" align="left"> <tr align="center"> <td> <font size="8" color="white"><b>main</b></font> </td> </tr> </table> </td> </tr> <tr bgcolor="green" height='90px' align="center"> <td> <font size="8" color="white"><b>bottom</b></font> </td> </tr> </table> </body> </html> ``` 顯示效果 ![](http://i4.buimg.com/567571/11ef6a52c25f8db7.png)
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看