html：运用表单表格制作简易个人简历

代码如下：

html部分：

<div class="all"><header><h1>个人简历</h1></header><main><table border="1"  align="center"><tbody><tr><td>姓名</td><td></td><td>性别</td><td></td><td>出生年月</td><td></td><td rowspan="4"></td></tr><tr><td>籍贯</td><td></td><td>民族</td><td></td><td>状况</td><td></td></tr><tr><td>政治面貌</td><td></td><td>身高</td><td></td><td>外语程度</td><td></td></tr><tr><td>所在学院</td><td></td><td>学历</td><td></td><td>健康状态</td><td></td></tr><tr><td>所学专业</td><td colspan="2"></td><td colspan="2">特长</td><td colspan="2"></td></tr><tr><td>毕业时间</td><td colspan="2"></td><td colspan="2">曾任职务</td><td colspan="2"></td></tr><tr><td rowspan="3">家庭住址</td><td colspan="2" rowspan="3"></td><td colspan="2">联系电话</td><td colspan="2"></td></tr><tr><td colspan="2">个人微信</td><td colspan="2"></td></tr><tr><td colspan="2">E-mail</td><td colspan="2"></td></tr><tr><td>主修课程</td><td colspan="6"></td></tr><tr><td>获得证书</td><td colspan="6"></td></tr><tr><td>熟悉软件</td><td colspan="6"></td></tr><tr><td>个人特点</td><td colspan="6"></td></tr><tr><td rowspan="3">应聘岗位及个人特长和能力</td><td colspan="6" rowspan="3"></td></tr><tr></tr><tr></tr><tr><td rowspan="2">社会实践和经历</td><td rowspan="2" colspan="6"></td></tr><tr></tr><tr><td colspan="7">相信您的信任与实力将会为我们带来共同的成功!希望我能为咱们公司贡献自己的力量</td></tr></tbody></table></main></div>

css部分：

<style>.all {margin: 0 auto;}td,h1{text-align: center;font-size: 30px;font-weight: bold;}/* 合并单元格 */tr{height: 83px;}td {width: 222px;}table{border-collapse: collapse;}</style>

整体不难，难点也就在于对于表格宽高的设置以及合并单元格部分。

谢谢大家观看我们下期再见！

html：运用表单表格制作简易个人简历相关推荐

用HTML制作表单表格能学到什么,Html学习之十七（表格与表单学习--排行版制作）...
表格与表单01 table{ width: 300px; height: 40px; margin: 100px auto; border-collapse: collapse; } .th2{ fl ...
使用HTML表格制作简易的个人简历表
使用HTML表格制作简易的个人简历表一.创建过程创建表格标题创建表格创建行创建单元格二.原理主要使用HTML表格的不规则表格属性以及HTML表格的基本属性三.使用的主要代码创建表格标 ...
前端案例：简易登录表单的制作，包括用户名、密码、随机验证码（代码完整，复制即用）
案例效果本案例基于 vue.js 和 Element UI 实现.随机验证码采用 DOM 操作和 canvas 绘制,可随机生成和刷新:后续程序逻辑直接填入方法即可. Element UI 下载安 ...
使用H5中的表单标签制作一个简单的网页登陆页面
简单介绍H5当中的表单标签.<form></form>表示定义一个表单的开始和结束.在form标签中,有主要的三个属性,action表示声明表单中的数据的处理的url地址.me ...
怎么用php制作会员注册表单,帝国CMS前台会员登陆表单的制作教程
登陆表单变量说明变量名例子登陆表单提交地址 /e/enews/index.php 用户名输入框变量 username 密码输入框变量 password 登陆信息保存时间 lifetime 单位为 ...
HTML 表单表格列表
目录 HTML 表单 type=" " 标签文本域密码字段单选按钮简单的下拉列表提交按钮重置完整代码 HTML 表格 HTML 和表格边框属性 HTML 表格头 HT ...
java注册页面表单_html实现用户注册页面（表单+表格）——html小练习
1 2 3 4 5 表格+表单练习 6 7 8 9 10 11 注册新用户 12 13 14 15 16 17 18 19 20 21 22 23 用户名 24 25 26 27 登陆邮箱 28 29 ...
day10高级表单表格bfc
一.表单补充 1.textarea标签定义多行的文本输入控件文本区中可容纳无限数量的文本,其中的文本的默认字体是等宽字体,可以通过cols(宽,列数)和rows(行数)属性来规定textarea的 ...
Flex Form表单表格加载XML 数据绑定
2010-10-29 1.数据绑定 : bb中显示aa中的内容 <mx:TextInput id="aa" x="200" y="20" ...
表格表单HTML代码学生登记,html实现用户注册页面（表单+表格）——html小练习...
1 2 3 4 5 表格+表单练习 6 7 8 9 10 11 注册新用户 12 13 14 15 16 17 18 19 20 21 22 23 用户名 24 25 26 27 登陆邮箱 28 29 ...

html：运用表单表格制作简易个人简历

html：运用表单表格制作简易个人简历相关推荐

最新文章

热门文章