用HTML做一个小简历
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>信息表</title>
</head>
<style type=”text/css”>
.ysb{
background:white;
width:60%;
height:815px;
margin:300px 20% 100px 20%;
}
</style>
<body background=”img/maliao2.jpg.jpg”> <!–加一个小背景图–>
<div class=”ysb”> <!–加一个div 遮挡一部分背景–>
<table align=”center” width=”100%” height=”815px” border=”1″ bordercolor=”black”>
<form action=”http://www.baidu.com” method=”post”>
<tr height=”100px” align=”center”>
<td colspan=”4″><h1>个人信息表</h1></td>
</tr>
<tr height=”50px”>
<td width=”15%”>
<b>
姓名:
</b>
</td>
<td width=”25%”>
<input type=”text” name=”name” placeholder=”请输入你的名字”/>
</td>
<td rowspan=”4″ colspan=”2″ align=”center” valign=”middle”>照片</td>
</tr>
<tr height=”50px”>
<td width=”15%”>
<b>
电话:
</b>
</td>
<td width=”25%”>
<input type=”text” name=”nation” placeholder=”请输入你的电话”/>
</td>
</tr>
<tr height=”50px”>
<td width=”15%”>
<b>
籍贯:
</b>
</td>
<td width=”25%”>
<input type=”text” name=”hometown” placeholder=”请输入你的籍贯”/>
</td>
</tr>
<tr height=”50px”>
<td width=”15%”>
<b>
身份证:
</b>
</td>
<td width=”25%”>
<input type=”text” name=”id” placeholder=”请输入你的身份证”/>
</td>
</tr>
<tr height=”30px”>
<td width=”25%”>性别:
</td>
<td width=”25%”>
<select name=”x1″>
<option>男</option>
<option>女</option>
</select>
</td>
<td width=”25%”>学历:
</td>
<td width=”25%”>
<select name=”z1″>
<option>小学</option>
<option>初中</option>
<option>高中</option>
<option>中专</option>
<option>大学</option>
<option>大专</option>
<option>博士</option>
<option>研究生</option>
<option>硕士</option>
</select>
</td>
</tr>
<tr height=”30px”>
<td width=”25%”>出生年月:
</td>
<td width=”25%”>
<select name=”s1″>
<option>1990</option>
<option>1991</option>
<option>1992</option>
<option>1993</option>
<option>1994</option>
<option>1995</option>
<option>1996</option>
<option>1997</option>
<option>1998</option>
</select>
</td>
<td width=”25%”>体重:
</td>
<td width=”25%”>
<select name=”t1″>
<option>40KG</option>
<option>50KG</option>
<option>60KG</option>
<option>70KG</option>
<option>80KG</option>
<option>90KG</option>
<option>100KG</option>
</select>
</td>
</tr>
<tr height=”30px”>
<td width=”25%”>政治面貌:
</td>
<td width=”25%”>
<select name=”d1″>
<option>党员</option>
<option>无</option>
</select>
</td>
<td width=”25%”>身高:
</td>
<td width=”25%”>
<select name=”g1″>
<option>160CM~165CM</option>
<option>166CM~170CM</option>
<option>171CM~175CM</option>
<option>176CM~180CM</option>
<option>181CM~185CM</option>
<option>186CM~190CM</option>
</select>
</td>
</tr>
<tr height=”30px”>
<td width=”25%”>婚姻状况:
</td>
<td width=”25%”>
<select name=”h1″>
<option>已婚</option>
<option>未婚</option>
</select>
</td>
<td width=”25%”>民族:
</td>
<td width=”25%”>
<select name=”m1″>
<option>汉族</option>
<option>朝鲜族</option>
<option>维吾尔族</option>
<option>回族</option>
<option>蒙古族</option>
<option>萨满</option>
</select>
</td>
</tr>
<tr>
<td colspan=”4″>
<textarea style=”width:99%;height:350px;”>个人简介:</textarea>
</td>
</tr>
</form>
</table>
</div>
</body>
</html>