HTML小案例----简单个人简历

zz/2023/12/3 3:20:39

第一个简历

其中用了很少的css内容,废话不多说,直接上效果图
在这里插入图片描述

<html>
<head><title>个人简历</title><meta charset="utf-8"><style>body{margin:0;padding:0;}td{width:160px;height:30px;font-size:20px;}		input{width: 100%;height:100%;}</style>
</head>
<body><table border=2; cellpadding=0; cellspacing=0; align=center><caption><h2>个人简历</h2></caption><tr align=center><td colspan="5">基本信息</td></tr><tr align=center><td>姓名:</td><td><input type="text" name="username"></td><td>性别:</td><td><input type="text" name="sex"></td><td rowspan="5"><div><input type="file"></div></td></tr><tr align=center><td>毕业院校:</td><td><input type="text" name="school"></td><td>民族:</td><td><input type="text" name="minzu"></td></tr><tr align=center><td>最高学历:</td><td><input type="text" name="xueli"></td><td>政治面貌:</td><td><select style="width: 100%	; height: 100%;"><option value ="">--选择--</option><option value ="dang">党员</option><option value ="tuan">团员</option><option value ="min">民众</option></select></td></tr><tr align=center><td>专业:</td><td><input type="text" name="zhuanye"></td><td>出生年月:</td><td><input type="date" name="birthday" ></td></tr><tr align=center><td>籍贯:</td><td><input type="text" name="county"></td><td>手机号码:</td><td><input type="tel" name="tell"></td></tr><tr align=center><td>通讯地址:</td><td colspan="4"><input type="text" name="addr"></td></tr><tr align=center><td>电子信箱:</td><td colspan="4"><input type="email" name="emadd" ></td></tr><tr align=center><td colspan="5">教育背景</td></tr><tr align=center><td colspan="5" style="height:100px"><textarea rows="5" cols="115"style="border: 0px;"></textarea></td></tr><tr align=center><td colspan="5">专业课程</td></tr><tr><td colspan="6" style="height:100%"><textarea rows="5" cols="115" name="zhunyeke" style="border: 0px solid black;"></textarea></td></tr><tr align=center><td colspan="5">主要技能</td></tr><tr><td colspan="5" style="height:100%"><textarea rows="5" cols="115" name="jineng" style="border: 1px solid black"></textarea></tr><tr align=center><td colspan="5">项目经验</td></tr><tr><td colspan="6" style="height:100%"><textarea rows="5" cols="115" name="jingyan" style="border: 1px solid black;"></textarea></td></tr><tr style="border: 0px;"><td colspan="3"></td><td ><input type="submit" value="登录"></td><td><input type="reset" value="重置"></td></tr></table></body>
</html>

简历2

自己设计的,但是配色自己觉得很丑。。。。自己可以去改改!!里面还是有bug的。不过还是可以看的。
话不多说,直接上效果图和代码。
在这里插入图片描述

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><style type="text/css">*{margin: 0 auto;padding: 0;font-family: "微软雅黑";}body{width: 1500px;/* height: 1500px; *//* border: 1px solid red; */}header{height: 200px;background-color: #939f3d;}.fl{float: left;}.fr{float: right;}#logo1{width: 200px;height: 200px;padding-left: 200px;}.div1{padding-top: 50px;padding-right: 100px;}#in1{color: white;font-size: 40px;width: 80px;background-color:#939f3d ;border: 0px;}#span1{font-size: 50px;font-family: "ms reference specialty";color: white; }.div2{height: 500px;background-color:lemonchiffon;/* border: 1px solid red 	; */}.divl{width: 48%;height: 100%;	}.divr{width:48%;height: 100%;	}.divl_1{padding-top: 25px;margin-left: 15%;padding-bottom: 20px;border-bottom: 3px dotted cornflowerblue;font-size: 30px;color: slateblue;}.divl_2{padding-top: 43px;margin-left: 10%;padding-bottom: 20px;border-bottom: 3px dotted cornflowerblue;font-size: 30px;color: slateblue;}input{height: 40px;border: 0;background-color:lemonchiffon ;color: #006400;}textarea{font-size: 30px;border: 0px;background-color: aqua;border: 3px dotted darkgreen;}h1{background-color: #00FFFF;}</style></head><body><!-- 头部 --><header class="head"><img id="logo1" src="img/logo.jpg" alt="加载失败"><div class="fr div1"><input  type="text" name="username" id="in1" placeholder="姓名"/><span id="span1">/个人简历</span></div></header><!-- 个人信息部分 --><div class="div2"><div class="divl fl"><div class="fl divl_1" >姓名:<input type="text" name="username" style="font-size: 35px; font-family: "blackadder itc";""></div><div class="fl divl_1" >性别:<input type="text" name="sex" style="font-size: 35px; font-family: "blackadder itc";""></div><div class="fl divl_1" >年龄:<input type="text" name="age" style="font-size: 35px; font-family: "blackadder itc";""></div><div class="fl divl_1" >籍贯:<input type="text" name="county" style="font-size: 35px; font-family: "blackadder itc";""></div><div class="fl divl_1" >学历:<input type="text" name="school" style="font-size: 35px; font-family: "blackadder itc";""></div></div><div class="divr fr"><div class="divl fl"><div class="fl divl_2" >联系电话:<input type="tel" name="tel" style="font-size: 35px; font-family: "blackadder itc";""></div><div class="fl divl_2" >现居地址:<input type="text" name="add" style="font-size: 35px; font-family: "blackadder itc";""></div><div class="fl divl_2" >电子邮箱:<input type="email" name="ema" style="font-size: 35px; font-family: "blackadder itc";""></div></div></div></div><div class="" style="background-color: #00FFFF;"><div><h1 style="padding-left: 44%;">个人简介</h1></div><div><textarea rows="10" cols="94"></textarea></div><div><h1 style="padding-left: 44%;">个人技能</h1></div><div><textarea rows="10" cols="94"></textarea></div><div><h1 style="padding-left: 44%;">项目经验</h1></div><div><textarea rows="10" cols="94"></textarea></div></div></body>
</html>

http://www.ngui.cc/zz/1443270.html

相关文章

达梦数据库自定义分析函数

1.1、创建定义数值数组类型&#xff1a; create or replace type t_number_array is varray(100) of number; 1.2、定义分析函数类型 --包头create or replace type t_medas object ( numbers t_number_array, --初始化 …

python监控达梦数据库

概述 dmPython是DM提供的依据Python DB API version 2.0中API使用规定而开发的数据库访问接口。使用API能对DM数据库进行访问。 dmPythonn 接口当前版本号为 2.3&#xff0c;需要对应的DM Server版本为7.0.0.9以上&#xff0c;Python版本为2.6以上。 本次目标任务为获取到服务…

DM8达梦数据库:达梦数据库分区表

达梦数据库-二级分区表&#xff1a; 创建一个产品销售记录表 sales&#xff0c;记录产品的销量情况。由于产品只在几个固定 的城市销售&#xff0c;所以可以按照销售城市区号对该表进行 LIST 分区。再按照年份RANGE范围分区 示例没创建对应的表空间&#xff0c;默认存到MAIN表空…

达梦数据库关键字大全

达梦数据库关键字大全&#xff08;关键字不区分大小写&#xff09; 注&#xff1a;仅对dm8.4之前版本 1 KEYWORD LENGTH 2 ABORT 5 3 ABSOLUTE 8 4 ABSTRACT 8 5 ACCESSED 8 6 ACCOUNT 7 7 ACROSS 6 8 ACTION 6 9 ADD 3 10 ADMIN 5 11 ADVANCE…

国产数据库-达梦数据库

简介 武汉华工达梦数据库有限公司&#xff08;达梦公司&#xff09;是国家规划布局内重点软件企业。公司成立于2000年11月&#xff0c;得到了国家计委、科技部、信息产业部、总装备部、公安部等中央部委、省市政府的支持扶植。达梦数据库管理系统是达梦公司推出的具有完全自主…

达梦数据库事务

我们知道数据库事务具有原子性&#xff08;Atomicity&#xff09;、一致性&#xff08;Consistency&#xff09;、隔离性&#xff08;Isolation&#xff09;、持久性&#xff08;Durability&#xff09;四个特性&#xff0c;简称 ACID。 1. 原子性 事务的原子性保证事务包含的一…

达梦数据库加密

达梦数据库使用ssl通信加密&#xff0c;需要在达梦数据库服务端配置ENABLE_ENCRYPT 和 COMM_ENCRYPT_NAME 参数来指定&#xff0c;客户端以服务端采用的通信方式与其进行通信&#xff0c;达梦数据库支持的加密算法可以通过V$CIPHERS动态视图获取达梦数据库使用ssl通信加密&…

达梦数据库命令

​​​​​​​注意事项&#xff1a; 1.int、bigint、smallint后不加精度定义 否则会提示“第*行附近出现错误[-6119]:无效的数据类型.” 1.查询数据库版本 select * from v$version; 2.查看授权信息 select * from v$license; 3.查看达梦数据库库名 select name,creat…

达梦数据库备份

一、备份的概念 联机备份和脱机备份 1. 联机备份&#xff1a;数据库处于运行状态、并正常提供数据库服务情况下进行的备份操作。 从V2.0 版本开始&#xff0c;使用 DMRMAN 工具进行脱机备份&#xff0c;并且支持对异常关闭的数据库进 行脱机库备份。备份异常关闭的数据库&am…

达梦数据库学习整理

达梦数据库的体系架构跟oracle差不多&#xff0c;属于国内首家自主创研的数据库产品&#xff0c;更加符合国人的使用习惯。由于国外的开源产品较少&#xff0c;商业定制化的产品对国家的安全和保密性并不友好&#xff0c;达梦数据库解决了这些难题。 达梦数据库安装方便&#x…