分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

HTML实现学生信息表布局

发布时间:2023-09-06 02:29责任编辑:胡小海关键词: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>

HTML实现学生信息表布局

原文地址:https://www.cnblogs.com/wanneng/p/10257359.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved