htm商城网站开发,卖水果网站模板,网页设计与制作项目设计思路,甘肃省住房与建设厅网站一、展示简历内容
可以首先看一下我们的效果#xff0c;之后再思考怎么实现 总的来说#xff0c;这个练习不算难。
这里关于这个简历的代码编写我们不说太多#xff0c;只注意以下几个内容即可#xff1a; 注意及时查看我们的代码是否符合预期#xff0c;即一段一段测 …一、展示简历内容
可以首先看一下我们的效果之后再思考怎么实现 总的来说这个练习不算难。
这里关于这个简历的代码编写我们不说太多只注意以下几个内容即可 注意及时查看我们的代码是否符合预期即一段一段测 基本信息那里的内容应该是普通文字但是注意加换行符 项目那里注意不同级别的划分 功能介绍是二级的无序
话不多说直接看效果和源码
!DOCTYPE html
html langen
headmeta charsetUTF-8meta http-equivX-UA-Compatible contentIEedgemeta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/title
/head
bodyh1Karry的简历/h1img srcf:/typora插图/头像.jpg alt这是一个头像 titleJulie Baker width400px,height300pxh2基本信息/h2求职意向Java开发工程师br联系电话123-456-789br邮箱xxsqq.combra hrefhttps://blog.csdn.net/moteandsunlight?spm1000.2115.3001.5343我的gitee/abra hrefhttps://blog.csdn.net/moteandsunlight?spm1000.2115.3001.5343我的blog/abrh2教育背景/h2olli2008-2009小葵花幼儿园 幼儿园/lili2009-2015小葵花小学 小学/lili2016-2018小葵花中学 初中/lili2018-2021小葵花中学 高中/lili2021-2015小葵花大学 计算机专业 本科/li/olh2专业技能/h2ulli熟练掌握Java的基本语法熟悉面向对象程序设计思想/lili熟悉常见的数据结构与算法例如顺序表、链表、二叉树、堆、哈希表等/lili熟悉掌握操作系统中的典型概念熟练掌握并发编程对于多线程线程安全加锁等操作有深刻的理解/lili熟练掌握网络编程熟悉网络通信原理熟悉TCP/IP协议栈中的典型协议工作机制/lili熟练掌握SQL能够进行基础的增删查改熟悉mysql的索引和事务等机制/li/ulh2我的项目/h2ollih3留言墙/h3开发时间2023年9月初到2023年12月底br功能介绍brulli支持留言发布/lili支持匿名留言/li/ul/lilih3学习小助手/h3开发时间2023年9月初到2023年12月底br功能介绍brulli支持错题检索/lili支持同学探讨/li/ul/li/olh2个人评价/h2ulli善于总结记录博客写了不少/lili身体健康能跑会跳/li/ul
/body
/html二、简历内容填写
首先可以看一下我们最终的效果 接下来我们思考怎么实现。
这里由于这个练习代码相对更多更琐碎所以这里列了一个思维导图帮助理解。 !DOCTYPE html
html langen
headmeta charsetUTF-8meta http-equivX-UA-Compatible contentIEedgemeta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/title
/head
bodytable!-- thead: 表格的头部区域(注意和 th 区分, 范围是比 th 要大的) --theadh3请填写简历信息/h3/thead!-- tbody: 表格得到主体区域. --tbody!-- tr: 表示表格的一行 --tr!-- td: 表示一个单元格 --td!-- 搭配 input 使用. 点击 label 也能选中对应的单选/复选框, 能够提升用户体验 --label forname姓名/label/tdtd!-- 单行文本框 --input typetext idname/td/trtrtd性别/tdtd!-- 要保证是单选框要加个namesex --input typeradio namesex idmale checkedlabel formaleimg src./image/男.png alt width20px男/labelinput typeradio namesex idfemalelabel forfemaleimg src./image/女.png altwidth20px女/label/td/trtrtd出生日期/tdtdselectoption请选择年份/optionoption2001/optionoption2002/optionoption2003/optionoption2004/option/selectselectoption请选择月份/optionoption1/optionoption2/optionoption3/optionoption4/optionoption5/optionoption6/optionoption7/optionoption8/optionoption9/optionoption10/optionoption11/optionoption12/option/selectselectoption请选择日期/optionoption1/optionoption2/optionoption3/optionoption4/optionoption5/optionoption6/optionoption7/optionoption8/optionoption9/optionoption10/optionoption11/optionoption12/optionoption13/optionoption14/optionoption15/optionoption16/optionoption17/optionoption18/optionoption19/optionoption20/optionoption21/optionoption22/optionoption23/optionoption24/optionoption25/optionoption26/optionoption27/optionoption28/optionoption29/optionoption30/optionoption31/option/select/td/trtrtd就读学校/tdtdinput typetext/td/trtrtd应聘单位/tdtd!-- 这里使用的是复选框 --input typecheckbox idfrontendlabel forfrontend前端开发/labelinput typecheckbox idbackendlabel forbackend后端开发/labelinput typecheckbox idqalabel forqa测试开发/labelinput typecheckbox idoplabel forop运维开发/label/td/trtrtd掌握的技能/tdtdtextarea name id cols30 rows10/textarea/td/trtrtd项目经历/tdtdtextarea name id cols30 rows10/textarea/td/trtrtd/tdtdinput typecheckbox idlisencelabel forlisence我以仔细阅读过公司的招聘要求/label/td/trtrtd/tdtda href#查看我的简历状态/a/td/trtrtd/tdtdh3请应聘者确认/h3ulli以上信息真实有效/lili能够尽早去公司实习/lili能接受公司的加班文化/li /ul/td/tr/tbody/table
/body
/html三、总结
关于HTML
总的来讲html还是比较简单的。这跟它自身的特点有关——标签化的语言这就意味着要想掌握好它就要把这些常用的标签练熟但是对于后端开发人员这些只做一些了解即可。
我们上一篇博客总结了注释标签、标题标签、段落标签、换行标签、格式化标签、图片标签、表格标签、列表标签、表单标签input、select、form、textarea等等
对于练习的一些总结建议
我们可以使用标题进行布局、也可以使用table进行布局可以使用input标签和textarea实现页面的输入针对下拉框使用emmet快捷键提高输入效率图标图片可以去这个网站上找
