HTML實現學生信息表布局
阿新 • • 發佈：2019-01-12
家庭 borde doc cin span ble pan ctype align
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>學生信息</title> 6 </head> 7 <body> 8 <table align="center" cellpadding="0" cellspacing="0" border="1" width="560"> 9 <caption><h2>學生基本情況登記表</h2></caption> 10 <tr align="center"> 11 <td width="80" height="40" >姓名</td> 12 <td width="80" height="40"></td> 13 <td width="80" height="40">曾用名</td> 14 <td width="80" height="40"></td> 15 <td width="80" height="40">出生年月</td> 16 <td width="80" height="40"></td> 17 <td width="80" height="40" rowspan="5">照片</td> 18 </tr> 19 <tr align="center"> 20 <td width="80" height="40" >性別</td> 21 <td width="80" height="40" ></td> 22 <td width="80" height="40" >民族</td> 23 <td width="80" height="40" ></td> 24 <td width="80" height="40" >政治面貌</td> 25 <td width="80" height="40" ></td> 26 27 </tr> 28 <tr align="center"> 29 <td width="80" height="40" >年齡</td> 30 <td width="80" height="40" ></td> 31 <td width="80" height="40" >籍貫</td> 32 <td width="80" height="40" ></td> 33 <td width="80" height="40" >政治面貌</td> 34 <td width="80" height="40" ></td> 35 36 </tr> 37 <tr align="center"> 38 <td width="80" height="40" colspan="2" rowspan="2">基本情況</td> 39 40 <td width="80" height="40" >畢業院校</td> 41 42 43 <td width="80" height="40" colspan="3"></td> 44 45 </tr> 46 <tr align="center"> 47 48 49 <td width="80" height="40" >家庭住址</td> 50 <td width="80" height="40" colspan="3"></td> 51 52 53 </tr> 54 </table> 55 <table align="center" cellpadding="0" cellspacing="0" border="1" width="560"> 56 <tr align="center"> 57 <td width="40" height="40" rowspan="6">成績</td> 58 <td width="40" height="40" colspan="2">第一學期</td> 59 60 <td width="40" height="40" colspan="2">第二學期</td> 61 62 <td width="40" height="40" colspan="2">第三學期</td> 63 64 <td width="40" height="40" colspan="2">第四學期</td> 65 66 <td width="40" height="40" colspan="2">第五學期</td> 67 68 <td width="40" height="40" colspan="2">第六學期</td> 69 70 <td width="40" height="40" rowspan="4">畢業設計</td> 71 </tr> 72 <tr align="center"> 73 74 <td width="40" height="40"></td> 75 <td width="40" height="40"></td> 76 <td width="40" height="40"></td> 77 <td width="40" height="40"></td> 78 <td width="40" height="40"></td> 79 <td width="40" height="40"></td> 80 <td width="40" height="40"></td> 81 <td width="40" height="40"></td> 82 <td width="40" height="40"></td> 83 <td width="40" height="40"></td> 84 <td width="40" height="40"></td> 85 <td width="40" height="40"></td> 86 </tr> 87 <tr align="center"> 88 <td width="40" height="40"></td> 89 <td width="40" height="40"></td> 90 <td width="40" height="40"></td> 91 <td width="40" height="40"></td> 92 <td width="40" height="40"></td> 93 <td width="40" height="40"></td> 94 <td width="40" height="40"></td> 95 <td width="40" height="40"></td> 96 <td width="40" height="40"></td> 97 <td width="40" height="40"></td> 98 <td width="40" height="40"></td> 99 <td width="40" height="40"></td> 100 101 </tr> 102 <tr align="center"> 103 104 <td width="40" height="40"></td> 105 <td width="40" height="40"></td> 106 <td width="40" height="40"></td> 107 <td width="40" height="40"></td> 108 <td width="40" height="40"></td> 109 <td width="40" height="40"></td> 110 <td width="40" height="40"></td> 111 <td width="40" height="40"></td> 112 <td width="40" height="40"></td> 113 <td width="40" height="40"></td> 114 <td width="40" height="40"></td> 115 <td width="40" height="40"></td> 116 </tr> 117 <tr align="center"> 118 119 <td width="40" height="40"></td> 120 <td width="40" height="40"></td> 121 <td width="40" height="40"></td> 122 <td width="40" height="40"></td> 123 <td width="40" height="40"></td> 124 <td width="40" height="40"></td> 125 <td width="40" height="40"></td> 126 <td width="40" height="40"></td> 127 <td width="40" height="40"></td> 128 <td width="40" height="40"></td> 129 <td width="40" height="40"></td> 130 <td width="40" height="40"></td> 131 <td width="40" height="40" rowspan="2"></td> 132 </tr> 133 <tr align="center"> 134 135 <td width="40" height="40"></td> 136 <td width="40" height="40"></td> 137 <td width="40" height="40"></td> 138 <td width="40" height="40"></td> 139 <td width="40" height="40"></td> 140 <td width="40" height="40"></td> 141 <td width="40" height="40"></td> 142 <td width="40" height="40"></td> 143 <td width="40" height="40"></td> 144 <td width="40" height="40"></td> 145 <td width="40" height="40"></td> 146 <td width="40" height="40"></td> 147 </tr> 148 <tr align="center"> 149 <td width="40" height="60">何時何地受過何種懲罰</td> 150 <td width="40" height="60" colspan="6"></td> 151 152 <td width="40" height="60">何時何地受過何種獎勵</td> 153 <td width="40" height="60" colspan="6"></td> 154 155 </tr> 156 <tr align="center"> 157 <td width="40" height="60" colspan="2">備註</td> 158 <td colspan="12"></td> 159 160 </tr> 161 </table> 162 </body> 163 </html>
HTML實現學生信息表布局