个人介绍网站模板html代码(html个人简介模板)
导读:本文共12742.5字符,通常情况下阅读需要42分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要:本篇文章给大家谈谈个人介绍网站模板html代码,以及html个人简介模板对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。本文目录一览:1、自适应个人主页html源码,哪里下载?2、html制作个人简历网页代码3、求一个简单的个人网页html模板4、急求一份html、css、JavaScript的“个人主页”网页设计模板代码。5、怎样用HTML制作个人介绍网页?自... ...
目录
(为您整理了一些要点),点击可以直达。- (5):!DOCTYPE htmlhtml
- (14):/head
- (23):/div
- (31):/button
- (33):/div
- (40):/button/a/td
- (43):/button/a/td
- (46):/button/a/td
- (47):/tr
- (48):/tbody
- (49):/table
- (50):/div
- (58):/ul
- (59):/div
- (60):/div
- (61):/nav
- (66):// 基于准备好的dom,初始化echarts实例
- (68):// 指定图表的配置项和数据
- (79):// inside: true, 隐藏x轴内容
- (80):// 改变x轴字体颜色
- (81):// textStyle: {
- (82):// color: '#8B4500'
- (83):// }
- (90)://改变图表颜色
- (97):/script
- (113):/ul
- (122):/ul
- (124):/div
- (140):/p
- (161):/div/div
- (162):/div
- (164):!-- 轮播(Carousel)指标 --
- (170):/ol
- (171):!-- 轮播(Carousel)项目 --
- (175):/div
- (178):/div
- (181):/div
- (184):/div
- (185):/div
- (186):!-- 轮播(Carousel)导航 --
- (190):/a
- (194):/a/div
- (202):/tr
- (206):/tr
- (210):/tr
- (214):/tr
- (215):/tbody/table/div
- (231):/div
- (232):/body/html
- (241): title{dede:global.cfg_w
- (247): style type="text/css"
- (248): html,
- (249): body {
- (250): margin: 0;
- (251): padding: 0;
- (252): }
- (253): .iw_poi_title {
- (254): color: #CC5522;
- (255): font-size: 14px
- (256): font-weight: bo
- (257): overflow: hidde
- (258): padding-right:
- (259): white-space: no
- (260): }
- (261): .iw_poi_content {
- (262): font: 12px aria
- (263): overflow: visib
- (264): padding-top: 4p
- (265): white-space: -m
- (266): word-wrap: brea
- (267): }
- (268): /style
- (270): script
- (271): jQuery(document).re
- (272): jQuery('#openSi
- (274): });
- (275): jQuery('#menu a
- (277): });
- (278): });
- (279): /script
- (281): style type="text/css"
- (282): html,
- (283): body,
- (284): wrapper {
- (285): height: 100%;
- (286): }
- (287): /style
- (288):/head
- (290): div class="f0bccb3c35b1
- (291): div class="cb3c35b1
- (295): /div
- (296): div id="men
- (299): /li
- (301): /li
- (303): /li
- (305): /li
- (307): /li
- (309): /li
- (310): /ul
- (311): /div
- (312): /div
- (313): /div
- (314): div class="1a663b13
- (315): div id="header"
- (317): /div
- (318): /div
- (320): div class="
- (325):
- (327):
- (329):
- (330):
- (332):
- (333):
- (334): /di
- (335): /div
- (336): /div
- (337): div class="
- (344):!--
- (351)://--
- (352):/script
- (354):!--
- (356): SCROLLBAR-FACE-COLOR: #3F
- (357): SCROLLBAR-HIGHLIGHT-COLO
- (358):#FFFFFF;
- (359): SCROLLBAR-SHADOW-COLOR:
- (360): SCROLLBAR-3DLIGHT-COLOR: #
- (361): SCROLLBAR-ARROW-COLOR:
- (362):#FFFFFF;
- (363): SCROLLBAR-TRACK-COLOR: #
- (364): SCROLLBAR-DARKSHADOW-COLO
- (365): background-color: #FFFFFF;
- (366): background-image: url(bg
- (368):--
- (369):/style
- (370):/head
- (388):/div
- (393):/body
- (394):/html
本篇文章给大家谈谈个人介绍网站模板html代码,以及html个人简介模板对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。
本文目录一览:
- 1、自适应个人主页html源码,哪里下载?
- 2、html制作个人简历网页代码
- 3、求一个简单的个人网页html模板
- 4、急求一份html、css、JavaScript的“个人主页”网页设计模板代码。
- 5、怎样用HTML制作个人介绍网页?
自适应个人主页html源码,哪里下载?
个人主页可以采用html代码也可以采用cms系统形式,一般以个人博客网站形式存在。你可以在个人博客模板找到自适应的模板程序后,进行源码下载。
每天的进行一些文章更新,相信对于建立个人品牌是非常有帮助的。
html制作个人简历网页代码
以下是我用html的相关知识制作的个人简历网页,话不多说先看看最终效果:
如上所示项目一共分为5个部分,分别对应导航栏的5个内容。其中项目技能用的是echarts里的柱状图,作品展示用的是bootstrap里的轮播图,除此之外就是html的基础内容。下面我们展示一下项目的代码部分:
!DOCTYPE htmlhtml
head
meta charset="utf-8"
title我的个人简历/title
link rel="stylesheet" href="lib/css/color.css"
link rel="stylesheet" href=""
script src=""/script
script src=""/script
script src=""/script
/head
body
div class="cb3c35b10af4d755 jumbotron text-center" style="margin-bottom:0" id="grad1"
img src="lib/pic/1.jpg" width="80px" height="80px" /
h3黄智奇/h3
p style="font-size: 15px;"2023年升入陕西国防工业职业技术学院,br/学习软件编程,对编程有浓厚的兴趣,
在老师的指导,br/和自己的课下练习,渐渐对编程有了更深入的了解。br/在课余时间,
我喜欢唱歌、跑步和打乒乓球。br/喜好结交志同道合的朋友,一起分享学习的生活的经验。br/
有良好的团队意识,学习时认真负责。 /p
/div
nav class="35b10af4d755ade1 navbar navbar-inverse"
div class="0af4d755ade1746c container-fluid"
div class="d755ade1746cf778 navbar-header"
button type="button" class="ade1746cf7781c43 navbar-toggle" data-toggle="collapse" data-target="#myNavbar"
span class="746cf7781c43cb64 icon-bar"/span
span class="f7781c43cb64e1dc icon-bar"/span
span class="1c43cb64e1dcf6b0 icon-bar"/span
/button
!--a class="cb64e1dcf6b09615 navbar-brand" href="#"专业技能/a--
/div
div id="relation"
table class="e1dcf6b096155522 table table-striped"
tbody
tr align="center"
tda href="#email"button type="button" class="86a61a663b13765f btn btn-primary btn-lg"
span class="1a663b13765ff0bc glyphicon glyphicon-envelope"/span
/button/a/td
td a href="#email"button type="button" class="3b13765ff0bccb3c btn btn-primary btn-lg"
span class="765ff0bccb3c35b1 glyphicon glyphicon-earphone"/span
/button/a/td
tda href="" target="_blank"button type="button" class="f0bccb3c35b10af4 btn btn-primary btn-lg"
span class="cb3c35b10af4d755 glyphicon glyphicon-user"/span
/button/a/td
/tr
/tbody
/table
/div
div class="35b10af4d755ade1 collapse navbar-collapse" id="myNavbar"
ul class="0af4d755ade1746c nav nav-pills nav-justified"
lia href="#main"专业技能/a/li
lia href="#project"项目经验/a/li
lia href="#myCarousel"作品展示/a/li
lia href="#education"教育经历/a/li
lia href="#relation"联系方式/a/li
/ul
/div
/div
/nav
!-- 为ECharts准备一个具备大小(宽高)的Dom --
div id="main" style="width:
50%;height:400px;left: 25%;"/div
script type="text/javascript"
// 基于准备好的dom,初始化echarts实例
var myChart = echarts.init(document.getElementById('main'));
// 指定图表的配置项和数据
var option = {
title: {
text: '专业技能平均分'
},
tooltip: {},
legend: {
data:['分数'],
},
xAxis: {
data: ["Java语言","mysql数据库","Javascript语言","web开发","ssm框架","springboot框架"],axisLabel: {
// inside: true, 隐藏x轴内容
// 改变x轴字体颜色
// textStyle: {
// color: '#8B4500'
// }
},
},
yAxis: {},
series: [{
name: '分数',
type: 'bar',
//改变图表颜色
color:['#8EE5EE'],
data: [85, 95, 82, 90, 80, 80]
}],
};
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);
/script
ul class="d755ade1746cf778 list-unstyled" align="center"
liJava基础:br/
我入门时首先学的就是Java基础,然后再到Java高级开发,br/
在学习过程中老师细致的教学为我们打下了牢固的java基础。 /li
limysql数据库:br/
mysql数据库是我们大一第二学期开的课,配合Java高级开发一起学习的科目,br/
因为自己本身就喜欢数据库的一些东西,所有mysql数据库也有良好的基础。/li
liJavascript语言:br/
在学JavaScript之前我有良好的html5和css基础,所学习JavaScript时也是十分顺利的掌握了课本里的内容。/li
liweb开发:br/
web开发是我最喜爱的科目之一,servlet的学习给我启发深刻。/li
lissm框架:br/
ssm框架相比springboot而言是比较繁琐的,但是在学习和理解起来却比springboot更容易让人掌握。/li
lispringboot框架:br/
springboot框架入门起来十分迅速,在基础的使用起来也是十分方便,但查看源码时,没有ssm容易让人理解。/li
/ul
div class="ade1746cf7781c43 container" align="center"
div class="746cf7781c43cb64 row"
div class="f7781c43cb64e1dc col-sm-4"
h3 class="1c43cb64e1dcf6b0 text-info" id="project"项目名称/h3
ul class="cb64e1dcf6b09615 nav nav-pills nav-stacked"
li class="e1dcf6b096155522 active"a href="#car"新能源汽车项目/a/li
lia href="#city"咕泡商城项目/a/li
lia href="#bug"爬虫项目/a/li
/ul
hr class="86a61a663b13765f hidden-sm hidden-md hidden-lg"
/div
div class="1a663b13765ff0bc col-sm-8" align="left"
h3 class="3b13765ff0bccb3c text-info"项目内容/h3
h2 id="car"新能源汽车/h2
h5企业saas工坊/h5
p新能源汽车项目是我们掌握smm框架知识后第一个实战项目,该项目由工坊老师指导下,前后端都由我们个人独立完成的项目。
该项目用到了,html5+css3,mysql数据库,spring,mybatis,springmvc框架,ajax,JavaScript,web,bootstrap,echarts,sweetalert
等技术。项目从开始到完成我们用了2个月的时间。该项目的主要是写一个汽车app社交平台,包括用户登录注册,用户上传车辆信息,统计用户车辆,分析故障车辆原因,
以及导航、朋友圈等功能一体的汽车平台。该项目用户的使用方法如下: p1.新用户进行登录注册。/p
p2.登录成功后新用户可以进行修改密码、昵称、头像等个人信息。/p
p3.新用户上传自己车辆信息,并绑定账号。/p
p4.新用户可以上传自己车辆故障,系统自动查询车辆故障原因以及维修方案。/p
p5.用户可以添加车友,在车友圈发布求助信息等。/p
p6.用户还可以进行地图导航,以及查询公交车,出租车,飞机等交通工具的时间和行程。/p
p 通过完成这个项目,让我获得了很大的进步。不论是前端知识还是后端知识,在该项目上
都得到了充分的展示。让我也一下子吸收了很多的知识与技能,为后面的项目打下了坚实的基础。/p
/p
br
h2 id="city"咕泡商城/h2
h5企业saas工坊/h5
p咕泡商城项目是我们学完springboot之后的实战项目,该项目由工坊老师指导下,前后端都由我们个人独立完成的项目。
该项目用到了,html5+css3,mysql数据库,springboot框架,maven,web,javascript,jquery,ajax,echarts,bootstrap等技术。
项目从开始到完成我们用了10天的时间。该项目主要是写一个网上商城电商购物平台,包括用户登录注册,用户绑定信息,上传头像、昵称等个人信息,
用户主要可以在该平台上面购买各种商品,每种商品都做好了分类管理,用户点击分类名称或者准确搜索都能显示出自己想要的商品。用户点击商品就可以
链接到商品详情页面,不论是购物还是浏览商品都非常的方便。该项目用户的使用方法: p1.新用户进行登录注册。/p
p2.登录成功后新用户可以进行修改密码、昵称、头像等个人信息。/p
p 3.用户自由购买和浏览商品信息。/p
该项目让我们体验了springboot的配置强大之处,没有繁琐的多余配置文件,所有配置都由一个配置文件解决,简化了我们smm框架配置的痛苦。 /p
br
h2 id="bug"爬虫/h2
h5企业saas工坊/h5
p爬虫项目是我们最近才做完的项目。该项目与以往项目不同,该项目是由工坊老师指导下,我们首次前后端分离合作的项目。一个团体3个人,分别做前端展示数据,后端爬取数据和数据清洗。
我在这个项目中做的是后端爬取数据。我用到了,httpclient,jsoup,webmagic,springboot,maven,mysql等技术。该项目主要是爬去51job网站上面的工作岗位,
我们主要爬取了与我们软件相关的工作岗位,共爬取了2万条数据处理并展示。该项目执行步骤如下: p1.后端爬取数据并存到数据库。/p
p2.中间清洗数据,将数据改变为前端人员需要的格式。/p
p3.前端人员根据需求展示数据。/p
该项目让我们体会到了团队合作和团队分工明确的重要性,每个人做好属于自己的一份任务,环环相扣才能保质保量的完成项目。 /p
/div/div
/div
div id="myCarousel" class="765ff0bccb3c35b1 carousel slide" style="border: solid; border-color: cornflowerblue;"
!-- 轮播(Carousel)指标 --
ol class="f0bccb3c35b10af4 carousel-indicators"
li data-target="#myCarousel" data-slide-to="0" class="cb3c35b10af4d755 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="35b10af4d755ade1 carousel-inner" align="center"
div class="0af4d755ade1746c 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="d755ade1746cf778 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="ade1746cf7781c43 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="746cf7781c43cb64 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="f7781c43cb64e1dc left carousel-control" href="#myCarousel" role="button" data-slide="prev"
span class="1c43cb64e1dcf6b0 glyphicon glyphicon-chevron-left" aria-hidden="true"/span
span class="cb64e1dcf6b09615 sr-only"Previous/span
/a
a class="e1dcf6b096155522 right carousel-control" href="#myCarousel" role="button" data-slide="next"
span class="86a61a663b13765f glyphicon glyphicon-chevron-right" aria-hidden="true"/span
span class="1a663b13765ff0bc sr-only"Next/span
/a/div
div style="width: 100%; height: 220px; "
table class="3b13765ff0bccb3c table"
caption style="text-align: center;"h3 id="education" style="color: black;"教育经历/h3/caption
tbody style="text-align: center;"
tr
td2006.9.-2012.7/td
td就读于xx小学/td
/tr
tr
td2012.9-2015.7 /td
td 就读于xx初中/td
/tr
tr
td2015.9-2018.7 /td
td 就读于xx高级中学/td
/tr
tr
td2018.9-至今 /td
td 就读于陕西国防工业职业技术学院/td
/tr
/tbody/table/div
div class="765ff0bccb3c35b1 jumbotron text-center" style="margin-bottom:0"
p id="email" align="left"nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;
nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;
nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;
nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;
nbsp;nbsp;邮箱:3136484707@qq.com nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;
nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;
nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;
nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;
nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;电话号码:11111111111
nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;
nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;
nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;
nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;
nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;个人博客:;/p
/div
/body/html
求一个简单的个人网页html模板
这种模板很多的,百度打开一个网页右键源代码就能找到了。
html xmlns=""headmeta http-equiv="Content-Type" content="text/html; charset=gb2312"
meta name="viewport" id="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1"
meta name="apple-mobile-web-app-capable" content="yes"
meta name="apple-mobile-web-app-status-bar-style" content="black"
link href="{dede:global.cfg_templets_skin/}/images/apple-touch-icon-57.png" sizes="57x57" rel="apple-touch-icon"
link href="{dede:global.cfg_templets_skin/}/images/apple-touch-icon-72.png" sizes="72x72" rel="apple-touch-icon"
link href="{dede:global.cfg_templets_skin/}/images/apple-touch-icon-114.png" sizes="114x114" rel="apple-touch-icon"
title{dede:global.cfg_webname/}/title
meta name="keywords" content="{dede:global.cfg_keywords/}"
meta name="description" content="{dede:global.cfg_description/}"
link href="{dede:global.cfg_templets_skin/}/style/style.css" rel="stylesheet" type="text/css"
script type="text/javascript" src="{dede:global.cfg_templets_skin/}/style/jquery-1.9.1.js"/script
script type="text/javascript" src="{dede:global.cfg_templets_skin/}/style/theme_trust.js"/script
style type="text/css"
html,
body {
margin: 0;
padding: 0;
}
.iw_poi_title {
color: #CC5522;
font-size: 14px;
font-weight: bold;
overflow: hidden;
padding-right: 13px;
white-space: nowrap
}
.iw_poi_content {
font: 12px arial, sans-serif;
overflow: visible;
padding-top: 4px;
white-space: -moz-pre-wrap;
word-wrap: break-word
}
/style
script type="text/javascript" src="{dede:global.cfg_templets_skin/}/main.js"/script
script
jQuery(document).ready(function() {
jQuery('#openSidebar').click(function() {
jQuery('.wrapper').toggleClass('openNav');
});
jQuery('#menu a').click(function() {
jQuery('.wrapper').removeClass('openNav');
});
});
/script
script type="text/javascript" src="{dede:global.cfg_templets_skin/}/api"/scriptscript type="text/javascript" src="{dede:global.cfg_templets_skin/}/getscript"/scriptlink rel="stylesheet" type="text/css" href="{dede:global.cfg_templets_skin/}/bmap.css"
style type="text/css"
html,
body,
wrapper {
height: 100%;
}
/style
/head
body
div class="f0bccb3c35b10af4 wrapper"
div class="cb3c35b10af4d755 sidebar"
div class="35b10af4d755ade1 clearfix k1120"
div class="0af4d755ade1746c navBox" id="openSidebar"
a href="javascript:void(0)" class="d755ade1746cf778 navOpen"/a
/div
div id="menu"
ul class="ade1746cf7781c43 clearfix"
lia href="#home" class="746cf7781c43cb64 nav_home current"span首页br /bHome/b/span/a
/li
lia href="#services" class="f7781c43cb64e1dc nav_services"span服务范围br /bServices/b/span/a
/li
lia href="#case" class="1c43cb64e1dcf6b0 nav_case"span案例展示br /bCase/b/span/a
/li
lia href="#about" class="cb64e1dcf6b09615 nav_about"span关于我们br /bAbout us/b/span/a
/li
lia href="#news" class="e1dcf6b096155522 nav_news"span新闻动态br /bNews/b/span/a
/li
lia href="#contact" class="86a61a663b13765f nav_contact"span联系我们br /bContact us/b/span/a
/li
/ul
/div
/div
/div
div class="1a663b13765ff0bc pageMain"
div id="header"
div class="3b13765ff0bccb3c k1120 clearfix"a href="{dede:global.cfg_basehost/}" id="logo"logo/a
/div
/div
div id="home" class="765ff0bccb3c35b1 scrol-page"
div class="f0bccb3c35b10af4 banner"
div class="cb3c35b10af4d755 b_1" style="background-position: 50% 0px;"
div class="35b10af4d755ade1 k1120 clearfix"
div class="0af4d755ade1746c b_pic"
div class="d755ade1746cf778 mac" style="margin-top: 0px; opacity: 1;"img src="{dede:global.cfg_templets_skin/}/images/mac.png"
/div
div class="ade1746cf7781c43 iphone" style="margin-top: 0px; opacity: 1;"img src="{dede:global.cfg_templets_skin/}/images/iphone.png"
/div
div class="746cf7781c43cb64 ipad" style="margin-top: 0px; opacity: 1;"img src="{dede:global.cfg_templets_skin/}/images/ipad.png"
/div
/div
div class="f7781c43cb64e1dc b_text" style="margin-top: 0px; opacity: 1;"
{dede:global.cfg_ggg/}
/div
/div
/div
/div
div class="1c43cb64e1dcf6b0 banner"
急求一份html、css、JavaScript的“个人主页”网页设计模板代码。
!--这个模版来自[最好模版-],需要更多模版请访问;
html
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312"
title┆假想敌┆- 颓废模板/title
script language="JavaScript" type="text/JavaScript"
!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//--
/script
style type="text/css"
!--
BODY {
SCROLLBAR-FACE-COLOR: #3F2413;
SCROLLBAR-HIGHLIGHT-COLOR:
#FFFFFF;
SCROLLBAR-SHADOW-COLOR: #ffffff;
SCROLLBAR-3DLIGHT-COLOR: #3F2413;
SCROLLBAR-ARROW-COLOR:
#FFFFFF;
SCROLLBAR-TRACK-COLOR: #3F2413;
SCROLLBAR-DARKSHADOW-COLOR: #3F2413;
background-color: #FFFFFF;
background-image: url(bg.jpg);
}
--
/style
/head
body
div id="Layer1" style="position:absolute; width:1000px; height:628px; z-index:1; left: 0px; top: 0px;"
div align="center"
pnbsp;/p
pnbsp;/p
pnbsp;/p
pnbsp;/p
pimg src="1.jpg" width="650" height="400" border="0" usemap="#Map2"
map name="Map2"
area shape="rect" coords="321,379,490,399" href="" target="_blank" alt="┆假想敌┆"
area shape="rect" coords="196,15,242,43" href="home.htm" target="main1" alt="home"
/map
map name="Map"
area shape="rect" coords="18,196,60,220" href="home.htm" target="main1" alt="home"
/map
/p
/div
/div
div id="Layer2" style="position:absolute; width:412px; height:295px; z-index:2; left: 382px; top: 203px;"
iframe src="home.htm" name="main1" width="412" height="295"
frameborder="0" scrolling="yes" style="border:0px;"allowtransparency="true"/iframe/div
/body
/html
span style="display:none;"这个模版来自,更多模版请访问a href="";/anbsp;a href="";/anbsp;a href="";/a/span
怎样用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格式的文件,细细研究人家是如何做的。还可以借用网页模版来搞,我的就是~~~~~~
网页制作网址大全
参考资料:
参考资料:
个人介绍网站模板html代码的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于html个人简介模板、个人介绍网站模板html代码的信息别忘了在本站进行查找喔。
个人介绍网站模板html代码个人介绍网站模板html代码(html个人简介模板)的详细内容,希望对您有所帮助,信息来源于网络。