HTML制作简易个人简历(表单) | 您所在的位置:网站首页 › 个人简历网页制作页html › HTML制作简易个人简历(表单) |
《个人简历》练习效果图如下: 说明:“个人简历”是居于桌面中央 制作步骤: 1、表格标题居于第一行并加粗,添加外边框(边框宽度随自己定),代码如下: 个人简历2、制作表格第一行(包括照片栏),代码如下: 姓名 性别 出生年月说明:因为表单文本字段的默认宽度是 20 个字符 ,所以为了看着舒服^_^,我把表单的宽度设为160,高设为30.照片列是跨四行,所以rowspan="4",宽和高可以自己去匹配。 3、二三行一样,第四行注意“毕业学校”和他的对应的文本字段是跨列的,代码如下: 专业 毕业学校4、 “特长、技能或爱好”行是横穿整行的,所以应用表格,代码如下: 技能、特长或爱好5、“时间”、“单位”、“经历”列和其对应的文本单元的代码如下: 时间 单位 经历6、后面基本没什么难处,运行后情况如下:
我们需要文本文字居中及消除表单文本字段中的内方框,代码如下: body{text-align:center} input{ border:0px; width:90%; }不足之处:无法检测性别、出生年月、Email、联系电话等输入是否符合规范,还需加强。 完整代码如下: ge ren jian li body{text-align:center} input{ border:0px; width:90%; } 个人简历 姓名 性别 出生年月 民族 政治面貌 身高 学制 学历 户籍 专业 毕业学校 技能、特长或爱好 外语等级 计算机 个人履历 时间 单位 经历 联系方式 Email 联系电话 通信地址 邮编 自我评价
|
今日新闻 |
推荐新闻 |
专题文章 |
CopyRight 2018-2019 实验室设备网 版权所有 |