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>

猜你喜欢

转载自www.cnblogs.com/wanneng/p/10257359.html