HTML实现学生信息表布局

 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>

 

相关文章