1 <!-- 2 table border=‘1‘ style="border-collapse:collapse;" 3 border 表格的像素宽度 4 border-collapse:collapse 为表格设置合并边框模型 5 tr 表格行 一个tr包含多个th 或td 6 th 表示居中加粗 7 td 表格描述(默认正常显示) 8 9 caption 标题独占一行 在表格外面 10 thead tbody tfoot 无论顺序是怎么写的 他会自动按这个顺序展示 11 --> 12 13 <!DOCTYPE html> 14 <html lang="en"> 15 <head> 16 <meta charset="UTF-8"> 17 <title>表格标签与表单标签</title> 18 </head> 19 <body> 20 21 <table border="2" style="border-collapse:collapse" width="150" height="50"> 22 <tr> 23 <td>id</td> 24 <td>name</td> 25 <td>age</td> 26 <td rowspan="2">占两行</td> 27 <td>空列</td> 28 </tr> 29 <tr> 30 <td>1</td> 31 <td>wang</td> 32 <td>18</td> 33 <td colspan="2">占两列</td> 34 </tr> 35 </table> 36 37 <!-- 38 caption 标题独占一行 在表格外面 39 thead tbody tfoot 无论顺序是怎么写的 他会自动按这个顺序展示 40 --> 41 <table border="2"> 42 <caption>人物介绍</caption> 43 44 <tfoot> 45 <tr> 46 <th>三妹</th> 47 <td>15</td> 48 <td>女</td> 49 <td rowspan="3" >占三行</td> 50 </tr> 51 </tfoot> 52 53 <thead> 54 <tr> 55 <th>大哥</th> 56 <td>18</td> 57 <td>男</td> 58 </tr> 59 </thead> 60 61 <tbody> 62 <tr> 63 <th>老二</th> 64 <td>17</td> 65 <td>男</td> 66 </tr> 67 </tbody> 68 </table> 69 70 </body> 71 </html>
原文地址:https://www.cnblogs.com/Mr-wangxd/p/9663339.html
时间: 2024-10-13 16:05:11