table標(biāo)簽

table標(biāo)簽

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <!-- html中和表格相關(guān)的常用標(biāo)簽
         table標(biāo)簽：表示整個(gè)表格
         tr標(biāo)簽：表示一行
         td標(biāo)簽：表示一個(gè)單元格
         
         
         table相關(guān)屬性
         border  -  邊框?qū)挾?         cellspacing  -  單元格之間的間隙
         width  -  設(shè)置整個(gè)表格的寬度
         height  -  設(shè)置整個(gè)表格的高度
         align  -  設(shè)置整個(gè)表格的對(duì)齊方式
         bgcolor  -  設(shè)置整個(gè)表格背景顏色
         
         tr相關(guān)屬性
         height - 單獨(dú)設(shè)置指定行的高度
         align  -  設(shè)置指定行中對(duì)齊方式
         bgcolor  -  設(shè)置一行背景顏色
         cellpadding  -  設(shè)置內(nèi)容和格子之間的間距
         
         td相關(guān)屬性
         width - 單獨(dú)設(shè)置指定列的寬度
         align  -  設(shè)置指定單元格對(duì)其方式
         bgcolor  -  設(shè)置某個(gè)格子背景顏色
         
         -->
         <table border="3" cellspacing="0" align="center" bgcolor="aquamarine" cellpadding="10">
             <!-- 第一行 -->
             <tr height="100">
                 <!-- 第一行第一列 -->
                 <td width="100">第一行第一列</td>
                 <td width="300">第一行第二列</td>
                 <td width="500">第一行第三列</td>
             </tr>
             <!-- 第二行 -->
             <tr>
                 <td>第二行第一列</td>
                 <td>第二行第二列</td>
                 <td>第二行第三列</td>
             </tr>
             <!-- 第三行 -->
             <tr>
                 <td>第三行第一列</td>
                 <td>第三行第二列</td>
                 <td>第三行第三列</td>
             </tr>
         </table>
         
         
         
         <h1>合并</h1>
         <!-- 
         colspan - 列的合并
          
          
          -->
         
         
         <table border="3" cellspacing="0" height="500" width="1000">
             <tr>
                 <td></td>
                 <td></td>
                 <td></td>
                 <td colspan="2"></td>
                 <td></td>
             </tr>
             
             <tr>
                 <td></td>
                 <td></td>
                 <td rowspan="2"></td>
                 <td rowspan="2"></td>
                 <td rowspan="2"></td>
                 <td rowspan="2"></td>
             </tr>
             
             <tr>
                 <td colspan="2"></td>
             </tr>
             
             <tr>
                 <td colspan="2"></td>
                 <td></td>
                 <td></td>
                 <td></td>
                 <td></td>
             </tr>
         </table>
    </body>
</html>
?著作權(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ù)。

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