好看的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个人主页源代码
个人html主页站点所提供的多半是纯文字或图片等静态信息，而就站点的性质来说，则以教学或特定主题(如历史、古典文学、电玩、旅游记录等)的站台为多数。
你可以通过千站素材下载html网页源码，制作你的"个人主页"，用于展示你自己的个性，将自己喜欢的东西放在"个人主页"上，让大家都可以来欣赏。
帮忙写个HTML网页按钮代码
!doctype?html
meta?charset="utf-8"/
html
????head
????????style?type="text/css"
????????????html,body{
????????????????height:100%;
????????????????margin:0;
????????????????background:?#EEEEEE;
????????????????position:relative;
????????????}
????????????button?{
????????????????position:?absolute;
????????????????top:50%;
????????????????left:50%;
????????????????width:?400px;
????????????????height:?100px;????????????????
????????????????margin:-50px?-200px;
????????????????background:?#ffffff;
????????????????font:72px?"Microsoft?YaHei";
????????????????color:blue;
????????????}
????????????button:hover{
????????????????background:#eeeeff;
????????????}
????????/style
????/head
????body
????????button?onclick="location.href='#someplace'"进入BBS/button
????/body
/html
代码如上，兼容直到IE6
如何用html编写一个简单的网页
简单的html网页可以直接利用文本编写的，无需下载特定编辑器。
1、在我们的windows操作系统中，桌面上鼠标右键新建一个txt文本，并命名为"最简单网页",只是便于标识，实际上并不影响我们的操作。注意我们需要提前在文件属性中把扩展名显示出来。
2、我们打开文件夹属性设置，将文件扩展名显示出来，后面我们需要对文件扩展名进行操作，不同操作系统的设置位置不太一样，我们可以直接搜索"文件夹属性"来进行查找修改。
3、然后输入最简单的HTML文本语言。
代码如下：
html
body
最简单的网页
/body
/html
4、保存并关闭txt文本，然后修改我们txt文本的扩展名为html，此时会弹出警告框，提示我们修改后可能会导致文件不能使用，这是操作系统的一个处理逻辑，为了防止无意或恶意的损坏文件的行为。
5、无需担心，因为这在我们自己的掌控之下，确认警告，点击"是"，然后双击打开我们自己的第一个html网页，就可以看到一个最简单的html网页了。
谁有比较好的用html写的静态网页源代码
html语言是网站建设中最基础的一种语言，如果你不太懂，可以去下载一个《网页百宝箱》里面全部都是常用的静态网页的案例！
下载吧！