07頭のテーブルの.html
<!DOCTYPE HTML > < HTML LANG = "EN" > < 頭> < メタ文字コード= "UTF-8" > < タイトル>ドキュメント</ タイトル> </ ヘッド> < 身体> < H3 >私は3行を始めました表ガスリー3つのスメクタイト</ H3 > < テーブル 幅= "500" 左=整列= "センター" CELLSPACING = "0" 、高さ= "300"国境= "1" > <! -ヘッダを示すTHEADテーブル- > < THEAD > <! - TR行を表す- > < TR > <! - TDは、セルの列を表し、- > < TH >名</ TH > < TH >性別</ TH > < TH >年齢</ TH > </ TR > </ thead要素> <! -の体を示すのtbodyテーブル- > < TBODY > < TR > <!- TDは、セルの列を表し、- > <TD >ジョン・ドウ</ TD > < TD > M </ TD > < TD > 40 </ TD > </ TR > < TR > <! - TDは、セルの列を表します。 - > < TD >ジョン・ドウ</ TD > < TD > M </ TD > < TD > 36 </ TD > </ TR > </ TBODY > <! -尾を示す表TFOOT、通常統計- > < TFOOT > </ TFOOT > </ 表> </ ボディ> </ HTML >
08完全なテーブル構造の.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <h3>我开始做一个三行三列的表格思密达</h3> <table width="500" align="center" cellspacing="0" height="300" border="1"> <caption>学生信息表</caption> <thead> <!--tr表示一行--> <tr> <!--td表示列 单元格--> <th>姓名</th> <th>性别</th> <th>年龄</th> </tr> </thead> <tbody> <tr> <!--td表示列 单元格--> <td>张三</td> <td>男</td> <!--rowspan表示横跨2行--> <td rowspan="2">40</td> </tr> <tr> <!--td表示列 单元格--> <td>李四</td> <td>女</td> </tr> </tbody> <tfoot> </tfoot> </table> <table width="500" align="center" cellspacing="0" height="300" border="1"> <caption>学生信息表</caption> <thead> <!--tr表示一行--> <tr> <!--td表示列 单元格--> <th>姓名</th> <th>性别</th> <th>年龄</th> </tr> </thead> <tbody> <tr> <!--td表示列 单元格--> <td>张三</td> <td>男</td> <td>40</td> </tr> <tr> <!--td表示列 单元格--> <td>李四</td> <!--colspan表示横跨2列--> <td colspan="2">女</td> </tr> </tbody> <tfoot> </tfoot> </table> </body> </html>