html个人介绍模板代码（html5个人介绍页面css）
今天给各位分享html个人介绍模板代码的知识，其中也会对html5个人介绍页面css进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！
本文目录一览：
- 1、求一个简单的个人网页html模板
- 2、急，求一个简单的html个人网页模板，静态就行
- 3、html自我介绍3页模板
- 4、谁给个用HTML编写的简历的源码！！！
- 5、急求一份html、css、JavaScript的“个人主页”网页设计模板代码。
- 6、怎么设计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="wrapper"
div class="sidebar"
div class="clearfix k1120"
div class="navBox" id="openSidebar"
a href="javascript:void(0)" class="navOpen"/a
/div
div id="menu"
ul class="clearfix"
lia href="#home" class="nav_home current"span首页br /bHome/b/span/a
/li
lia href="#services" class="nav_services"span服务范围br /bServices/b/span/a
/li
lia href="#case" class="nav_case"span案例展示br /bCase/b/span/a
/li
lia href="#about" class="nav_about"span关于我们br /bAbout us/b/span/a
/li
lia href="#news" class="nav_news"span新闻动态br /bNews/b/span/a
/li
lia href="#contact" class="nav_contact"span联系我们br /bContact us/b/span/a
/li
/ul
/div
/div
/div
div class="pageMain"
div id="header"
div class="k1120 clearfix"a href="{dede:global.cfg_basehost/}" id="logo"logo/a
/div
/div
div id="home" class="scrol-page"
div class="banner"
div class="b_1" style="background-position: 50% 0px;"
div class="k1120 clearfix"
div class="b_pic"
div class="mac" style="margin-top: 0px; opacity: 1;"img src="{dede:global.cfg_templets_skin/}/images/mac.png"
/div
div class="iphone" style="margin-top: 0px; opacity: 1;"img src="{dede:global.cfg_templets_skin/}/images/iphone.png"
/div
div class="ipad" style="margin-top: 0px; opacity: 1;"img src="{dede:global.cfg_templets_skin/}/images/ipad.png"
/div
/div
div class="b_text" style="margin-top: 0px; opacity: 1;"
{dede:global.cfg_ggg/}
/div
/div
/div
/div
div class="banner"
急，求一个简单的html个人网页模板，静态就行
html
head
meta
http-equiv="Content-Language"
content="zh-cn"
meta
http-equiv="Content-Type"
content="text/html;
charset=gb2312"
title这是我的网页/title
meta
name="keywords"
content="这是我的网页"
meta
name="description"
content="这是我的网页"
/head
body
bgcolor="#808080"
div
style="position:
absolute;
width:
450px;
height:
550px;
z-index:
1;
left:
400px;
top:
60px;
padding-left:
60px;
padding-right:
60px;
padding-top:
90px;
padding-bottom:
60px;
background-color:
#FFFFFF"
id="layer1"
p
align="center"b这是我的XXX页/b/p
/body
/html
将上面的所有代码复制到记事本中,将记事本的后缀由txt更改为htm,这样打开后就会看到一张最简单的网页,如果需要多页,只需多复制几份即可,不同的内容需要你更改一下,如:我的网站首页,照片,个人资料,日志等...
html自我介绍3页模板
为什么要用html，html如果不是特别熟练的话，做出来的效果还不如幻灯片
谁给个用HTML编写的简历的源码！！！
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""
html xmlns=""
head
meta name="Description" content="Design by :Donkey" /
meta http-equiv="Content-Type" content="text/html; charset=gb2312" /
title人才招聘/title
link href="/zh-cn/images/style.css" rel="stylesheet" type="text/css" /
script language="JavaScript" src="/zh-cn/images/js.js" type="text/javascript"/script
style type="text/css"
!--
body{
font-size:12px;
background:#FFFFFF url();
}
input{ background:#FFFFFF}
textarea{ background:#FFFFFF}
select{ background:#FFFFFF}
.STYLE1 {color: #FF0000}
/*================================提交按钮==========================*/
.buttonArea{ text-align:right; padding:0 10px 0 10px;}
.btn_mouseout
{
width:80px;height:40px;
border: #ffffff 1px solid;
padding:1px;
font-size: 12px;
cursor: pointer;
color: #666;
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#BECCDA);
}
.btn_mouseover
{
width:80px;height:40px;
border: #ffffff 1px solid;
padding: 1px;
font-size: 12px;
cursor: pointer;
color: #f60;
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#D7E7FA);
}
.btn_mousedown
{
width:80px;height:40px;
border: #dfe6ef 1px solid;
padding: 1px;
font-size: 12px;
cursor: pointer;
color: #f60;
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5);
}
.btn_mouseup
{
width:80px;height:40px;
border:#ffffff 1px solid;
padding: 1px;
font-size: 12px;
cursor: pointer;
color:#f60;
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5);
}
--
/style
script language="JavaScript" type="text/javascript"
!--
/****************
js制作阿蒙
*****************/
var itemArray = new Array("xm","sfzhm","xm2","hj","tel","xzz","byyx","by_year","xm222","textarea","jyzk");//把需要输入的输入框id放到这个数组里
var labelArray = new Array("用户名","身份证号码","出生日期","户籍","联系电话","住址","毕业院校","毕业时间","所学专业","计算机水平","受教育情况");//把对应的输入框名字放在这里
function funsubmit(){
var len = itemArray.length;
for(i=0;ilen;i++){
if(eval("document.all."+itemArray[i]+".value") == ""){
alert(labelArray[i]+" 不能为空！");
eval("document.all."+itemArray[i]+".focus()");
eval("document.all."+itemArray[i]+".style.backgroundColor='#FFECEC'");
return false;
}
}
}
function blank(obj){
if(obj.value.length != 0){
obj.style.backgroundColor="";
}
}
//--
/script
/head
body
div class="content3"
form name="frmdemo" method="post" action="" id="sqd1" onSubmit="return funsubmit();"
div align="center"strong请填写你的简历/strong（注意星号项目必须填写）
/div
table width="690" border="1" align="center" cellspacing="0" bordercolorlight="#D1D1D1" bordercolordark="#ffffff" bgcolor="#CCCCCC"
tr
tddiv align="center" style="padding-top:5px"strong个人简历/strong/div/td
/tr
/table
table width="690" border="1" align="center" cellspacing="0" bordercolorlight="#D1D1D1" bordercolordark="#ffffff" bgcolor="#FFFFFF" class="f12"
tbody
tr
td width="75" align="middle" bgcolor="#ebebeb"姓 名/td
td width="214"input onPropertyChange="blank(this)" class="alcatel" maxlength="18" size="18" value="" name="xm" /
font color="#ff0000"*/font/td
td width="92" align="middle" bgcolor="#ebebeb"性 别/td
td width="291"
select class="alcatel" name="xb"
option selected="selected"男/option
option女/option
/select
/td
/tr
tr
td align="middle"身份证号/td
tdinput onPropertyChange="blank(this)" class="alcatel" maxlength="18" size="18" name="sfzhm" /
font color="#ff0000"*/font/td
td align="middle"出生日期/td
tdinput onPropertyChange="blank(this)" class="alcatel" size="18" value="" name="xm2" /
span class="STYLE1"*/span/td
/tr
tr
td align="middle" bgcolor="#ebebeb"政治面貌/td
tdselect class="alcatel" name="zzmm"
option
selected="selected"群众/option
option团员/option
option党员/option
option民主人士/option
/select /td
td align="middle" bgcolor="#ebebeb"户 籍/td
tdinput onPropertyChange="blank(this)" name="hj" class="alcatel" value="" size="18" /
font
color="#ff0000"*/font/td
/tr
tr
td align="middle"婚姻状况/td
tdselect class="alcatel" name="hyzk"
option selected="selected"未婚/option
option已婚/option
/select/td
td align="middle"视力状况/td
tdinput onPropertyChange="blank(this)" class="alcatel" maxlength="4" size="4" name="slzk" //td
/tr
tr
td align="middle" bgcolor="#ebebeb"身高/厘米/td
tdinput onPropertyChange="blank(this)" class="alcatel" maxlength="3" size="3" value="" name="sg" //td
td align="middle" bgcolor="#ebebeb"体重/公斤/td
tdinput onPropertyChange="blank(this)" class="alcatel" maxlength="3" size="3" name="tz" //td
/tr
tr
td align="middle"民 族/td
tdselect class="alcatel" name="mz"
option
selected="selected"汉族/option
option蒙古族/option
option回族/option
option藏族/option
option维吾尔族/option
option苗族/option
option彝族/option
option壮族/option
option布依族/option
option朝鲜族/option
option满族/option
option侗族/option
option瑶族/option
option白族/option
option土家族/option
option哈尼族/option
option哈萨克族/option
option傣族/option
option黎族/option
option僳僳族/option
option佤族/option
option畲族/option
option高山族/option
option拉祜/option
option水族/option
option东乡族/option
option纳西族/option
option景颇族/option
option柯尔克孜/option
option土族/option
option达斡尔族/option
option仫佬族/option
option羌族/option
option布朗族/option
option撒拉族/option
option毛难族/option
option仡佬族/option
option锡伯族/option
option阿昌族/option
option普米族/option
option塔吉克族/option
option怒族/option
option乌孜别克/option
option俄罗斯族/option
option鄂温克族/option
option崩龙族/option
option保安族/option
option裕固族/option
option京族/option
option塔塔尔族/option
option独龙族/option
option鄂伦春族/option
option赫哲族/option
option门巴族/option
option珞巴族/option
option基诺族/option
option青族/option
option其他/option
/select /td
td align="middle"电 话/td
tdinput onPropertyChange="blank(this)" class="alcatel" maxlength="18" size="18" value="" name="tel" /
font color="#ff0000"*/font/td
/tr
tr
td align="middle" bgcolor="#ebebeb"现 住 址/td
td colspan="3"input onPropertyChange="blank(this)" class="alcatel" maxlength="70" size="70"
name="xzz" /
font color="#ff0000"*/font/td
/tr
/tbody
/table
table width="690"
border="1" align="center" cellpadding="0" cellspacing="0" bordercolorlight="#D1D1D1" bordercolordark="#ffffff" bgcolor="#FFFFFF" class="f12"
tbody
tr
td align="middle" width="75"毕业院校/td
td width="315"input onPropertyChange="blank(this)" class="alcatel" maxlength="30" value="" name="byyx" /
font color="#ff0000"*/font/td
td class="f12" align="middle" width="65" bordercolorlight="#D1D1D1" bordercolordark="#ffffff"毕业日期/td
td width="225" bordercolorlight="#D1D1D1" bordercolordark="#ffffff" class="f12"input onPropertyChange="blank(this)" class="alcatel" maxlength="15"
size="15" name="by_year" /
font color="#ff0000"*/font/td
/tr
tr
td class="f12" align="middle" bgcolor="#ebebeb"
bordercolorlight="#D1D1D1" bordercolordark="#ffffff"所学专业/td
td class="f12" bordercolorlight="#D1D1D1" bordercolordark="#ffffff"input onPropertyChange="blank(this)" class="alcatel" maxlength="10" size="10" value="" name="xm222" /
font color="#ff0000"*/font/td
td class="f12" align="middle" bgcolor="#ebebeb"
bordercolorlight="#D1D1D1" bordercolordark="#ffffff"最高学历/td
td class="f12" bordercolorlight="#D1D1D1" bordercolordark="#ffffff"select class="alcatel" name="zgxl"
option初中/option
option高中/option
option中专/option
option大专/option
option selected="selected"本科/option
option硕士/option
option博士/option
/select/td
/tr
tr
td class="f12" align="middle" bordercolorlight="#D1D1D1" bordercolordark="#ffffff"英语水平/td
td class="f12" bordercolorlight="#D1D1D1" bordercolordark="#ffffff"select class="alcatel"
name="yysp"
option一般/option
option
selected="selected"四级/option
option六级/option
option专业四级/option
option专业八级/option
option托福/option
optionGRE/option
option雅思/option
/select /td
td class="f12" align="middle" bordercolorlight="#D1D1D1" bordercolordark="#ffffff" /td
td class="f12" bordercolorlight="#D1D1D1" bordercolordark="#ffffff" /td
/tr
tr
td align="middle" bordercolorlight="#D1D1D1" bordercolordark="#ffffff" bgcolor="#FFFFF7" class="f12"计br /
算br /
机br /
水br /
平br /
特br /
长/td
td colspan="3" bordercolorlight="#D1D1D1" bordercolordark="#ffffff" bgcolor="#FFFFF7" class="f12"font color="#ff0000"
textarea onPropertyChange="blank(this)" name="textarea" rows="8" cols="80"/textarea
font color="#ff0000"*/font /font/td
/tr
/tbody
/table
table width="690"
border="1" align="center" cellspacing="0" bordercolorlight="#D1D1D1" bordercolordark="#ffffff" bgcolor="#ffffff" class="f12"
tbody
tr
td align="middle" width="70"
rowspan="2"受br /
教br /
育br /
及br /
培br /
训br /
状br /
况/td
td colspan="5"span
lang="en-us" xml:lang="en-us"学 校 名 称 专 业 年 月至 年 月 取得文凭/资格证书/span/td
/tr
tr
td colspan="5"textarea onPropertyChange="blank(this)" name="jyzk" rows="8" cols="80"/textarea
font color="#ff0000"font color="#ff0000"*/font/font /td
/tr
/tbody
/table
table width="690"
border="1" align="center" cellspacing="0" bordercolorlight="#D1D1D1" bordercolordark="#ffffff" bgcolor="#ffffff" class="f12"
tbody
tr
td width="70"
rowspan="2" align="middle" bgcolor="#FFFFF7"工br /
作br /
经br /
历br /
摘br /
要/td
td colspan="5" bgcolor="#FFFFF7"年 月至 年 月 在何单位、部门 何职位、职责 离职原因/td
/tr
tr
td colspan="5" bgcolor="#FFFFF7"textarea name="gzjl" rows="12" cols="80"/textarea/td
/tr
/tbody
/table
table width="690"
border="1" align="center" cellspacing="0" bordercolorlight="#D1D1D1" bordercolordark="#ffffff" bgcolor="#ffffff" class="f12"
tbody
tr
td width="70" height="85" align="middle"自br /
我br /
评br /
价br //td
td colspan="5"textarea name="textarea2" rows="6" cols="80"/textarea/td
/tr
/tbody
/table
table width="690"
border="1" align="center" cellspacing="0" bordercolorlight="#D1D1D1" bordercolordark="#ffffff" bgcolor="#ffffff" class="f12"
tbody
tr
td width="70" height="72" align="middle" bgcolor="#FFFFF7"请描述br /
你理想br /
的工作/td
td colspan="5" bgcolor="#FFFFF7"textarea name="textarea3" rows="5" cols="80"/textarea/td
/tr
/tbody
/table
table width="690"
border="1" align="center" cellspacing="0" bordercolorlight="#D1D1D1" bordercolordark="#ffffff" bgcolor="#ffffff" class="f12"
tbody
tr
td width="70" height="72" align="middle"请描述br /
你理想br /
的公司/td
td colspan="5"textarea name="textarea4" rows="5" cols="80"/textarea/td
/tr
/tbody
/table
table width="690"
border="1" align="center" cellpadding="0" cellspacing="0" bordercolordark="#ffffff" bgcolor="#FFFFFF" class="f12"
tbody
tr
td align="middle" width="90" bgcolor="#ebebeb" height="24"欲从事职位一/td
td width="220"input onPropertyChange="blank(this)" class="alcatel" maxlength="20" value="" name="hj2" //td
td align="middle" width="100" bgcolor="#ebebeb"欲从事职位二/td
td width="220"input onPropertyChange="blank(this)" class="alcatel" maxlength="20" value="" name="hj3" //td
/tr
tr
td align="middle"要求待遇(月薪)/td
tdinput onPropertyChange="blank(this)" class="alcatel" maxlength="5" size="5" value="" name="yqdy" /
元/td
td align="middle" /td
td /td
/tr
/tbody
/table
table width="690" border="1" align="center" cellspacing="0" bordercolorlight="#D1D1D1" bordercolordark="#ffffff" bgcolor="#CCCCCC"
tr
td
div align="center" style="padding:10px;"
input onPropertyChange="blank(this)" class="btn_mouseout"
onmouseover="this.className='btn_mouseover'"
onmouseout="this.className='btn_mouseout'"
onmousedown="this.className='btn_mousedown'"
onmouseup="this.className='btn_mouseup'"
onfocus="if(this.blur)this.blur()" type="submit" value="提交" name="Submit"
/div
/td
/tr
/table
/form
/div
/body
/html
急求一份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格式的，意思就是需要HTML代码的文件，即.htm和.html文件。
下面简单给你介绍下：
HTML基本的格式如下
html
head
title网页标题/title
/head
body
文本主体
/body
/html
按照你的意思，想要搞背景音乐
那么请按下面方法：
body
embed width="0" height="0" type="audio/x-pn-realaudio-plugin" autostart="true" controls="ControlPanel" src="音乐地址";
/body
这里，“音乐地址”是插入的网络音乐文件，比如.wav/.mp3/.rm都可以的。具体的你在来决定。
如果还有什么不明白，请联系我。
关于html个人介绍模板代码和html5个人介绍页面css的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。
陕ICP备2021009819号