HTML制作简易个人简历(表单) 您所在的位置:网站首页 个人简历网页制作页html HTML制作简易个人简历(表单)

HTML制作简易个人简历(表单)

2023-09-12 02:42| 来源: 网络整理| 查看: 265

《个人简历》练习效果图如下:

说明:“个人简历”是居于桌面中央

制作步骤:

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 实验室设备网 版权所有