查看: 367|回复: 0

前段开发-使用Java在网页设计表格

[复制链接]

4

主题

4

帖子

20

积分

新手上路

Rank: 1

积分
20
发表于 2021-11-8 17:15:22 | 显示全部楼层 |阅读模式
本帖最后由 胡汉九 于 2021-11-8 17:36 编辑

前段开发-使用Java在网页设计表格


设计的表格图片为:
    捕获.PNG


在这里我们把网页源代码给出来:
<!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>

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|风火轮WIKI|手机版|深圳风火轮团队 ( 粤ICP备17095099号

GMT+8, 2021-11-27 16:26 , Processed in 0.059425 second(s), 27 queries .

快速回复 返回顶部 返回列表
 
【客服1】 商务合作 15289193
【客服2】 业务洽谈 13257599
【客服3】 售前咨询 510313198
【邮箱】
smartfire@smartfire.cn