×

个人网站html

怎样用HTML制作个人介绍网页?html制作个人简历网页代码

admin admin 发表于2022-07-11 10:55:23 浏览110 评论0

抢沙发发表评论

怎样用HTML制作个人介绍网页


你无须去记复杂的HTML语言,你可以用Netscape4.0或者WORD7.0,我用的是Frontpage.打开Netscape,在file菜单里选Edit
Page,便可以制作了.文字的处理基本跟Word没什么两样,关键是插入图片和产生链接.我们先做关于你自我介绍的一页,你先写上“大家好,我是superboy,下面是我的照片:”这时要放图片了,只须点击Insert菜单,选取Image,在Choosefile里选取你的图象文件即可,然后把这个文件保存为myself.html文件,放在myself的目录下。好,现在必须做封面了,你在封面写:“欢迎来到superboy的主页”以下是“自我介绍,我的爱好,我的工作”。你的自我介绍要链接到下一页去,你只须用鼠标选“自我介绍”后按鼠标右键
,再选create
link,然后再选你myself目录下的myself.html,就将“自我介绍”链接到下一页了,以后在浏览器中一按,就可以跳到镶有你靓照的页面啦。
在你的封面做好了所有链接和图片后,记住你必须将这一页保存为index.htm(有的主机要求必须为index.html),因为网页默认的主页名称是index.制作主页其实很简单,只要多实际制作,工多艺熟。还可以拿来主义,在网上看到什么好的主页,用另存为功能保存为.html格式的文件,细细研究人家是如何做的。还可以借用网页模版来搞,我的就是~~~~~~
网页制作网址大全
http://www.soww.com/page/060.htm
参考资料:http://xiaocun6589.go.nease.net/in/wangye%20zhizuo.htm
参考资料:http://zhidao.baidu.com/question/5015128.html

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

由于所见即所得类型的工具越来越多,使用也越来越方便,所以制作网页已经变成了一件轻松的工作,不像以前要手工编写一行行的源代码那样。

一般初学者经过短暂的学习就可以学会制作网页,于是他们认为网页制作非常简单,就匆匆忙忙制作自己的网站。