按照图片,用HTML代码怎么写呢?

html-css06

按照图片,用HTML代码怎么写呢?,第1张

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

<style>

table{

border:1px solid #ddd

}

td{

border:1px solid #ddd

}

</style>

</head>

<body>

<h3>修改个人信息</h3>

<div>

<table>

<tr>

<td>姓名:</td>

<td><input type="text" /></td>

</tr>

<tr>

<td>性别:</td>

<td>

<input type="radio" name="sex"/>男士

<input type="radio" name="sex"/>女士

</td>

</tr>

<tr>

<td>学历:</td>

<td>

<select>

<option>其他</option>

<option>本科</option>

<option>高中</option>

</select>

</td>

</tr>

<tr>

<td>意向工作城市:</td>

<td>

<select>

<option>北京</option>

<option>上海</option>

<option>南京</option>

<option>深圳</option>

</select>

</td>

</tr>

<tr>

<td>个人描述:</td>

<td>

<textarea rows="10" cols="30"></textarea>

</td>

</tr>

<tr>

<td></td>

<td>

<input type="checkbox" />不要公开我的个人信息

</td>

</tr>

<tr>

<td></td>

<td>

<button>保存</button>

<button>重填</button>

</td>

</tr>

</table>

</div>

</body>

</html>

<table border="1">

<tr>

<td width="200" height="50"></td>

<td width="200" height="50">我能做什么?</td>

<td width="200" height="50"></td>

</tr>

<tr><td width="200" height="150"></td><td width="200" height="150"></td><td width="200" height="150"></td></tr>

<tr><td width="200" height="50">我要报考的大学</td><td width="200" height="50">地反复发</td><td width="200" height="50">辅导费随</td></tr>

<tr><td width="200" height="150">费大幅度发斯蒂芬</td><td width="200" height="150">辅导费沙发</td><td width="200" height="150">辅导费撒旦</td></tr>

</table>

补充:其他的能替换的你自己替换一下即可,都是表格而已,文字的样式,自己再用css调一调。