表格html屬性：
colsapn="所合並的單元格數量" 合並列
rowspan="所合並的單元格數量" 合並行
注：無論colsapn還是rowspan 操作的都是td
怎么判斷合並行還是列：
只要跨行的都是合並行
沒有跨行的都是合並列
和哪個td合並，就刪除哪個td
如果既合並行又合並列，盡量先合並列，再合並行
<body> <table width="500" height="300" border="1" bordercolor="red" cellspacing="0" cellpadding="0"> <tr> <td colspan="3"></td> <!-- <td></td> <td></td> --> </tr> <tr> <td></td> <td rowspan="2"></td> <td></td> </tr> <tr> <td></td> <!-- <td></td> --> <td></td> </tr> </table> <hr> <table width="500" height="300" border="1" bordercolor="red" cellspacing="0" cellpadding="0"> <tr> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td colspan="2" rowspan="2"></td> </tr> <tr> <td></td> </tr> </table> </body>
<body> <!-- <table width="500" height="300" border="1" bordercolor="red" cellspacing="0" cellpadding="0"> <tr> <td width="50"></td> <td></td> <td width="50"></td> <td></td> </tr> <tr> <td></td> <td colspan="3"></td> </tr> <tr> <td></td> <td colspan="3"></td> </tr> <tr> <td></td> <td colspan="3"></td> </tr> <tr> <td></td> <td colspan="3"></td> </tr> </table> --> <table width="500" height="300" border="1" bordercolor="red" cellspacing="0" cellpadding="0"> <tr> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td rowspan="4"></td> <td></td> <td rowspan="4" colspan="2"></td> <!-- <td rowspan="4"></td> --> <td rowspan="4"></td> <td rowspan="4"></td> <td rowspan="4"></td> <td rowspan="4"></td> </tr> <tr> <!-- <td></td> --> <td></td> <!-- <td></td> <td></td> --> <!-- <td></td> --> <!-- <td></td> <td></td> <td></td> --> </tr> <tr> <!-- <td></td> --> <td></td> <!-- <td></td> <td></td> --> <!-- <td></td> --> <!-- <td></td> <td></td> <td></td> --> </tr> <tr> <!-- <td></td> --> <td></td> <!-- <td></td> <td></td> --> <!-- <td></td> --> <!-- <td></td> <td></td> <td></td> --> </tr> <tr> <td colspan="2"></td> <!-- <td></td> --> <td colspan="5"></td> <!-- <td></td> <td></td> <td></td> <td></td> --> <td></td> </tr> </table> </body>
表格內部標簽：
th標簽 ——> 每一列的標題
默認的樣式：文本加粗、左右居中
caption標簽 ——> 表格標題
<body> <table width="500" height="300" border="1" bordercolor="orange" cellspacing="0" cellpadding="0"> <caption>表格標題</caption> <tr> <th>代號</th> <th>刊名</th> <th>刊期</th> <th>價格</th> <th>數量</th> </tr> <tr> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> </table> </body>
數據行數據列分組：
數據行分組
<thead></thead> 表頭
<tbody></tbody> 表體
<tfoot></tfoot> 表尾
注：在一個表格內部，只能有一個thead\tfoot 但是可以出現多個tbody
數據列分組（了解）
<colgroup span="把幾列分成一組"></colgroup>
<body> <table width="500" height="300" border="1" bordercolor="red" cellspacing="0" cellpadding="0"> <colgroup span="2" bgcolor="yellow"></colgroup> <colgroup span="2" bgcolor="pink"></colgroup> <thead> <tr> <td></td> <td></td> <td></td> <td></td> </tr> </thead> <tbody> <tr> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> </tr> </tbody> <tfoot height="100"> <tr> <td></td> <td></td> <td></td> <td></td> </tr> </tfoot> </table> </body>