前段开发-使用Java在网页设计表格
本帖最后由 胡汉九 于 2021-11-8 17:36 编辑前段开发-使用Java在网页设计表格
设计的表格图片为：
在这里我们把网页源代码给出来：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>个人简历模板</title>
</head>
<body>
<!--IDEA安装教程网址：
https://www.exception.site/article/31-->
<!--border一般表示格子大小，一般标准都是1px-->
<table border="1px" cellspacing="0" ><!--格子之间的间隔-->
<!--col表示每列，width表示每列的宽度-->
<col width="110px">
<col width="110px">
<col width="110px">
<col width="110px">
<col width="110px">
<col width="110px">
<col width="220px">
<!--tr标签表示此行，td标签表示在此行的列-->
<tr width="100px" align="center" height="40px">
<td colspan="7"><h3>个人简历</h3></td>
<!--colspan="7"表示把这一行的7个单元格合并在一起，且里面填充字体为：个人简历-->
</tr>
<tr width="100px" align="center" height="40px">
<td>姓名</td>
<td></td>
<td>性别</td>
<td></td>
<td>年龄</td>
<td></td>
<td rowspan="4">照片</td><!--rowspan表示占据了四行-->
</tr>
<tr width="100px" align="center" height="40px">
<td>学历</td>
<td></td>
<td>籍贯</td>
<td colspan="3"></td>
</tr>
<tr width="100px" align="center" height="40px">
<td>政治面貌</td>
<td></td>
<td>电话</td>
<td colspan="3"></td>
</tr>
<tr width="100px" align="center" height="40px">
<td>毕业院校</td>
<td colspan="5"></td>
</tr>
<tr width="100px" align="center" height="40px">
<td>求职意向</td>
<td colspan="7"></td>
</tr>
</table>
<a href=""></a>
</body>
</html>
页:
[1]