×

个人网站html html制作个人简历

html制作个人简历网页代码?如何用HTML语法制作个人主页

admin admin 发表于2022-06-20 18:53:22 浏览225 评论0

抢沙发发表评论

html制作个人简历网页代码


以下是我用html的相关知识制作的个人简历网页,话不多说先看看最终效果:




如上所示项目一共分为5个部分,分别对应导航栏的5个内容。其中项目技能用的是echarts里的柱状图,作品展示用的是bootstrap里的轮播图,除此之外就是html的基础内容。下面我们展示一下项目的代码部分:

《!DOCTYPE html》《html》
《head》
《meta charset=“utf-8“》
《title》我的个人简历《/title》
《link rel=“stylesheet“ href=“lib/css/color.css“》
《link rel=“stylesheet“ href=“      《/p》
《/div》《/div》
《/div》
《div id=“myCarousel“ class=“carousel slide“ style=“border: solid; border-color: cornflowerblue;“》
《!-- 轮播(Carousel)指标 --》
《ol class=“carousel-indicators“》
《li data-target=“#myCarousel“ data-slide-to=“0“ class=“active“》《/li》
《li data-target=“#myCarousel“ data-slide-to=“1“》《/li》
《li data-target=“#myCarousel“ data-slide-to=“2“》《/li》
《li data-target=“#myCarousel“ data-slide-to=“3“》《/li》
《/ol》
《!-- 轮播(Carousel)项目 --》
《div class=“carousel-inner“ align=“center“ 》
《div class=“item active“》
《img src=“C:\Users\1\Desktop\gpsc.png“ style=“width: 80%;height: 800px; border: solid 5px; border-color: lightslategray;“ alt=“First slide“》
《/div》
《div class=“item“》
《img src=“C:\Users\1\Desktop\pc1.png“ style=“width: 80%;height: 800px; border: solid 5px; border-color: lightslategray;“ alt=“Second slide“》
《/div》
《div class=“item“》
《img src=“C:\Users\1\Desktop\xny.png“ style=“width: 80%;height: 800px; border: solid 5px; border-color: lightslategray;“ alt=“Second slide“》
《/div》
《div class=“item“》
《img src=“C:\Users\1\Desktop\pc2.png“ style=“width: 80%;height: 800px; border: solid 5px; border-color: darkgray;“ alt=“Third slide“》
《/div》
《/div》
《!-- 轮播(Carousel)导航 --》
《a class=“left carousel-control“ href=“#myCarousel“ role=“button“ data-slide=“prev“》
《span class=“glyphicon glyphicon-chevron-left“ aria-hidden=“true“》《/span》
《span class=“sr-only“》Previous《/span》
《/a》
《a class=“right carousel-control“ href=“#myCarousel“ role=“button“ data-slide=“next“》
《span class=“glyphicon glyphicon-chevron-right“ aria-hidden=“true“》《/span》
《span class=“sr-only“》Next《/span》
《/a》《/div》
《div style=“width: 100%; height: 220px; “ 》
《table class=“table“》
《caption style=“text-align: center;“》《h3 id=“education“ style=“color: black;“》教育经历《/h3》《/caption》
《tbody style=“text-align: center;“》
《tr》
《td》2006.9.-2012.7《/td》
《td》就读于xx小学《/td》
《/tr》
《tr》
《td》2012.9-2015.7 《/td》
《td》 就读于xx初中《/td》
《/tr》
《tr》
《td》2015.9-2018.7 《/td》
《td》 就读于xx高级中学《/td》
《/tr》
《tr》
《td》2018.9-至今 《/td》
《td》 就读于陕西国防工业职业技术学院《/td》
《/tr》
《/tbody》《/table》《/div》
《div class=“jumbotron text-center“ style=“margin-bottom:0“ 》
《p id=“email“ align=“left“》 
 
 
 
邮箱:3136484707@qq.com                                        
 
 
 
 电话号码:11111111111
 
 
 
 
 个人博客:https://me.csdn.net/qq_44892582《/p》

《/div》
《/body》《/html》


如何用HTML语法制作个人主页


现在的个人主页一般已经不只用HTML来编写了,但是作为网页的最基础内容,还是需要学的,毕竟并不难。你自己在网上搜索一下HTML就可以找到一大堆的教程了,大部分大同小异。

在学HTML之前,建议你用即看即得的网页编辑器,如DreamWeaver, frontpage等,先做一个简单的页面。在形成一个对网页制作的初步印象后再学网页背后的代码。

学了HTML后再继续用网页编辑器做一个更复杂一点的网页,这样你就可以进代码模式看网页背后的代码了。这时你已经可以看懂大多数HTML代码了,不懂的可以通过搜索找到答案。

然后,你可以接着学脚本,可网页的图像设计方面等等,慢慢向高级进阶。
-html制作个人简历

简单的html个人主页源代码


个人html主页站点所提供的多半是纯文字或图片等静态信息,而就站点的性质来说,则以教学或特定主题(如历史、古典文学、电玩、旅游记录等)的站台为多数。

你可以通过千站素材下载html网页源码,制作你的“个人主页“,用于展示你自己的个性,将自己喜欢的东西放在“个人主页“上,让大家都可以来欣赏。