用HTML做一份个人简历

学习了基本的HTML知识后,今天尝试用Html做一份个人简历。需要用到的基础知识是:

Html表格:以<table></table>标签作为开始,<tr></tr>作为行,<td></td>作为列。

<th></th>是表头(特殊的<tr>),<caption></caption>为表名。

HTML表单:使用<input type=“ XXX”> (XXX)取决于想要输入的类型,制作个人简历时,我主要用到“type”,“file”

个人简历实则上就是一份表格,表格制作时,注意“width","height"等属性,表格制作完成后,再在相应地方加入表单,增加表格交互性,个人简历就做好了。

代码放在下方,欢迎大家指正交流。

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>关卡三</title>
</head><body><table border="1" cellpadding="0" align="center"><caption align="center"><h3>个人简历</h3></caption><tr><td width="110px " hight="25px " align="center">姓名</td><td width="110px " hight="25px " align="center"><input type="text" style="width:110px;"></td><td width="110px " hight="25px " align="center">性别</td><td width="110px " hight="25px " align="center "><input type="text" style="width:110px;"></td><td width="110px " hight="25px " align="center">出生年月</td><td width="110px " hight="25px " align="center "><input type="text" style="width:110px;"></td><td width="110px " hight="25px " rowspan="4 "><input type="file" style="width:110px; "></td></tr><tr><td width="110px " hight="25px " align="center">民族</td><td width="110px " hight="25px " align="center "><input type="text" style="width:110px;"></td><td width="110px " hight="25px " align="center">政治面貌</td><td width="110px " hight="25px " align="center "><input type="text" style="width:110px;"></td><td width="110px " hight="25px " align="center">身高</td><td width="110px " hight="25px " align="center "><input type="text" style="width:110px;"></td></tr><tr><td width="110px " hight="25px " align="center">学制</td><td width="110px " hight="25px " align="center "><input type="text" style="width:110px;"></td><td width="110px " hight="25px " align="center">学历</td><td width="110px " hight="25px " align="center "><input type="text" style="width:110px;"></td><td width="110px " hight="25px " align="center">户籍</td><td width="110px " hight="25px " align="center "><input type="text" style="width:110px;"></td></tr><tr><td width="110px " hight="25px " align="center">学制</td><td width="110px " hight="25px " align="center "><input type="text" style="width:110px;"></td><td width="110px " hight="25px " align="center">学历</td><td width="110px " hight="25px " align="center "><input type="text" style="width:110px;"></td><td width="110px " hight="25px " align="center">户籍</td><td width="110px " hight="25px " align="center "><input type="text" style="width:110px;"></td></tr><tr><td hight="25px " align="center">专业</td><td hight="25px " align="center "></td><td colspan="2 " hight="25px " align="center">毕业学校</td><td colspan="3 " hight="25px " align="center "><input type="text" style="width:335px; "></td></tr><tr><td colspan="7 " align="center " hight="25px " align="center">技能,特长或爱好</td></tr><tr><td hight="25px " align="center">外语等级</td><td colspan="2 " hight="25px " align="center "><input type="text" style="width:222px; "></td><td hight="25px " align="center">计算机</td><td colspan="3 " hight="25px " align="center "><input type="text" style="width:337px; "></td></tr><tr><td colspan="7 " hight="25px " align="center">个人履历</td></tr><tr><td hight="25px " align="center">时间</td><td colspan="2 " hight="25px " align="center">单位</td><td colspan="4 " hight="25px " align="center">经历</td></tr><tr hight="25px"><td hight="25px" align="center "><input type="text" style="width:110px;"></td><td colspan="2" hight="25px " align="center "><input type="text" style="width:222px; "></td><td colspan="4" hight="25px " align="center "><input type="text" style="width:457px; "></td></tr><tr hight="25px "><td hight="25px " align="center" input type="text"><input type="text" style="width:110px;"></td><td colspan="2 " hight="25px " align="center "><input type="text" style="width:222px; "></td><td colspan="4 " hight="25px " align="center "><input type="text" style="width:457px; "></td></tr><tr hight="25px "><td hight="25px " align="center" input type="text"><input type="text" style="width:110px;"></td><td colspan="2 " hight="25px " align="center "><input type="text" style="width:222px; "></td><td colspan="4 " hight="25px " align="center "><input type="text" style="width:457px; "></td></tr><tr><td colspan="7 " align="center " hight="25px ">联系方式</td></tr><tr><td hight="25px " align="center">通信地址</td><td colspan="2 " hight="25px " align="center "><input type="text" style="width:222px; "></td><td hight="25px " align="center">联系方式</td><td colspan="3 " hight="25px " align="center "><input type="text" style="width:337px; "></td></tr><tr><td hight="25px " align="center">E-mail</td><td colspan="2 " hight="25px " align="center "><input type="text" style="width:222px; "></td><td hight="25px " align="center">邮编</td><td colspan="3 " hight="25px " align="center "><input type="text" style="width:337px; "></td></tr><tr><td colspan="7 " align="center " hight="25px ">自我评价</td></tr></table>
</body>

运行后效果如图

 

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/52360.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

手把手教你打造自己的简历编辑网站-编辑完后可以一键导出为PDF

如何打造自己的简历编辑网站 目录 如何打造自己的简历编辑网站一.相关环境配置A.服务器环境B.服务器面板 二.相关软件安装A.安装Node.jsB.安装yarn 三.部署简历网站A.开始安装 先看下效果&#xff0c;然后下面开始教大家搭建操作了 一.相关环境配置 A.服务器环境 系统&#x…

简历上的照片怎么制作?这两种方法真的很简单

怎么制作简历上的照片呢&#xff1f;简历是每个人在找工作的时候必须要用到的&#xff0c;在简历中&#xff0c;除了填写我们出众的履历和工作技能之外&#xff0c;还有一个很重要的影响因素&#xff0c;那就是我们放在简历中的证件照&#xff0c;一个好的照片可以让面试官一眼…

手机怎么做个人简历?多行业简历模板自由选择

如何利用手机来制作简历呢&#xff1f;现在找工作的时候&#xff0c;大多会使用手机来查看各种招聘app软件的信息来选择自己喜欢的工作。那么为了能够更好的获取面试的机会&#xff0c;那么准备一份优质的个人简历是必不可少的&#xff0c;那么从手机上如何下载一个精美简历模板…

html制作个人简历

前几天我为大家介绍了些html的标签&#xff0c;利用这些标签咱们可以简单制作个简历&#xff0c;来巩固知识。 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title>个人简历</title> </head>…

简历生成工具(类似wps简历助手)

目前支持简历的编辑&#xff0c;导出&#xff0c;模块化&#xff0c;顺序调整&#xff0c;导出样式选择&#xff0c;完成进度等功能&#xff0c;已经完全可以满足简历编辑的基本需求 github地址&#xff1a;GitHub - bllon/jianli-tools: 简历助手前端项目 &#xff08;求给st…

BEVFusion(mit)最强环境安装,部署复现

0.前言 最近在做BEV视图下融合感知的项目&#xff0c;需要对相关工作进行学习。BEVFusion作为一项经典的工作&#xff0c;值得深入探索&#xff0c;论文地址&#xff0c;代码地址。然而由于配置环境比较麻烦&#xff0c;耽误了一些时间。经过几次成功配置之后&#xff0c;有了一…

去了一家不到 20 人的 IT 公司后,真的是大开眼界。。。

转自&#xff1a;知乎 来源&#xff1a; zhihu.com/question/421150601/answer/1475676199 前几天在知乎看到一个挺有意思的话题&#xff1a;不到 20 人的 IT 公司该去吗&#xff1f; 回答区有一位老哥分享了自己在一个20 来人的小公司的奇葩工作经历&#xff0c;分享一下。 下…

去了一家不到 20 人的 IT 公司后,真的是大开眼界。。。。

图片来源&#xff1a;AIGC 文章来源&#xff1a;知乎 前几天在知乎看到一个挺有意思的话题&#xff1a;不到 20 人的 IT 公司该去吗&#xff1f; 回答区有一位老哥分享了自己在一个20 来人的小公司的奇葩工作经历&#xff0c;分享一下。 原回答地址&#xff1a; zhihu.com/ques…

Android面试你简历准备好了吗?以及3-5年的Android工程师的瓶颈怎么突破

前言 以前都说&#xff1a; 不论是什么样的大小面试&#xff0c;要想不被面试官虐的不要不要的&#xff0c;只有刷爆面试题题做好全面的准备&#xff0c;当然除了这个还需要在平时把自己的基础打扎实&#xff0c;这样不论面试官怎么样一个知识点里往死里凿&#xff0c;你也能应…

一键通(手机实现对讲机功能)

所谓“一键通”&#xff08;英文缩写PTT&#xff0c;即Push-To-Talk&#xff09;&#xff0c;实际上就是集成了对讲机功能的手机&#xff0c;用户按下手机上的对讲键&#xff0c;就可以与任何地方的群组或个人直接进行通话。 一键通就是“即按即说”(PTT)的手机&#xff0c;融合…

Android SIP软电话,通话录音,VoIP电话,linphone电话

各位大佬好&#xff0c;我又来记笔记了~~ 公司又提新需求了&#xff0c;需要开发一个能通话&#xff08;呼叫客户的手机号码&#xff09;自动录音的模块。刚接触这个是蒙的&#xff0c;经过一番研究&#xff0c;可实现通话录音的方式大致有下面几种&#xff1a; 方案一&#xf…

GB28181语音对讲

GB28181语音对讲 前段时间将音频对讲功能集成我们国标平台&#xff0c;踩些坑记录下来&#xff0c;方便后来人。 GB28181-2016语音对讲没有明确规定流程&#xff0c;各厂家按自己的理解进行实现。先说海康的&#xff0c;毕竟海康 是这个行业的龙头老大。海康摄像机接收音频的…

基于sip的语音对讲 Demo

SipVoice 项目地址&#xff1a;SipVoice 该 demo 基于https://github.com/VoiSmart/pjsip-android 项目实现语音对讲对讲功能。 还有很多关于 pjsip 的功能和 API 请移步 pjsip-android。 正常运行该 Demo &#xff0c;需要已有 Sip 服务端&#xff0c;Constants 中配置 ip …

讯飞星火认知大模型可以内测了

以ChatGPT为代表的AI产品层出不穷&#xff0c;每天在社交媒体都可以看到AI领域的新成果&#xff0c;写文章、写代码、绘画&#xff0c;各种功能让人大呼神奇。 4月24日&#xff0c;讯飞星火认知大模型来了。只需一个指令“懂你所言&#xff0c;答你所问&#xff0c;创你所需&a…

tabBar不显示

微信小程序tabBar不显示 在尝试小程序开发时&#xff0c;tabBar这个是个非常常见的组件&#xff0c;但是今天在进行开发时&#xff0c;设置了TabBarb并没有显示&#xff0c;被这个问题困扰了近半小时&#xff0c;现在将排查问题后所得到的经验记录下来。 首先 如果tabBar不显示…

微信小程序底部导航栏tabBar及不显示问题解决记录

1&#xff0c;首先需要新建一个目录images来保存相关导航图标&#xff0c;如下图&#xff1a; 2&#xff0c;在app.json文件中对tabBar进行配置&#xff08;注意字母大小写不要写错&#xff0c;图片路径不要写错&#xff09; "tabBar": {"color": "…

来自一个曾经200斤现在140斤程序员的减肥成功经验(包含个人认为相对安全的饮食法推荐)

一、何为减肥 作为名词&#xff1a;减去体内蓄积的脂肪 作为动词&#xff1a;控制日常饮食摄入&#xff0c;搭配好日常饮食结构&#xff0c;打开热量赤字&#xff08;缺口&#xff09;&#xff0c;持续一定时间后达到减少体内脂肪&#xff0c;降低体脂率的效果。 二、吃与动 …

基于Android的健康食谱菜谱app

《[含文档PPT源码等]精品基于UniappSSM实现的Android的健康食谱交流app[包运行成功]》该项目含有源码、文档、PPT、配套开发软件、软件安装教程、项目发布教程等 软件开发环境及开发工具&#xff1a; 开发语言&#xff1a;Java 框架&#xff1a;ssm JDK版本&#xff1a;JDK…

菜谱分享APP/基于android菜谱分享系统

摘 要 随着现代生活水平的不断提升&#xff0c;人们越来越关注健康,关注美食,大部分人都希望吃得美味的同时也要吃得健康,所以,有的人喜欢在家自己动手制作美食,但是却缺少这方面的资讯来源。菜谱分享APP是一个使用Hbuildex作为手机客户端和后台服务系统的开发环境, MySQL作为后…

03 做毕业设计,前端部分你需要掌握的6个核心技能

其实前端新手如果想要自己实现一套毕业设计项目并非简单的事,因为之前很多人一直还停留在知识点的阶段,而且管理系统和C端网站都需要开发,但现在需要点连成线了。所以在启动项目开发之前呢,针对前端部分,我列举一些非常必要的前端核心技能,希望你已掌握。 《Vue + Sprin…