1.
<!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>
<style>
h1{
text-align:center;
}
.b{
text-align:center;
}
</style>
<script type="text/javascript">
function MM_jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
</script>
</head>
<body>
<h1><strong>用户注册</strong></h1>
<p class="b">用户名<input name="" type="text" /><br>
密码 <input name="" type="text" />
<form id="form1" name="form1" method="post" action="">
</p>
<p class="b">
性别
<label>
<input type="radio" name="RadioGroup1" value="男" id="RadioGroup1_0" />
男</label>
<label>
<input type="radio" name="RadioGroup1" value="女" id="RadioGroup1_1" />
女</label>
</p>
<p class="b">
爱好<input name="" type="checkbox" value="" />
唱<input name="" type="checkbox" value="" />
跳<input name="" type="checkbox" value="" />
Rap<input name="" type="checkbox" value="" />
打篮球<input name="" type="checkbox" value="" />
</p>
</form>
<p class="b">
邮箱 <input name="" type="text" />
<form id="form1" name="form1" method="post" action="">
</form></p>
<p class="b">
<label for="photo">用户头像</label>
<input type="file" name="photo" id="photo" />
</p>
<p class="b">
家庭住址
<select name="star">
<option value="请选择你的住址">请选择你的住址</option>
<option value="广州">广州</option>
<option value="深圳" >深圳</option>
<option value="重庆">重庆</option>
<option value="南京">南京</option>
</select>
</form>
</p>
<p class="b">收货地址
<select id="question" name="question[]" multiple required>
<option value="">广州</option>
<option value="apple">深圳</option>
<option value="banana">重庆</option>
<option value="orange">南京</option>
</select>
</p>
<div class="b">
<label for="details">建议或意见</label>
<textarea name="details" id="details" cols="30" rows="7"></textarea>
</div>
<p class="b">
<button type="submit">注册</button>
<button type="submit">重置</button>
</p></body>
</html>
2.
<!DOCTYPE html>
<html>
<head>
<style>
a {
color: blue; /* 默认文本颜色 */
}
a:hover {
color: red; /* 当鼠标悬停时的颜色 */
}
a:active {
color: green; /* 当链接被点击(活动状态)时的颜色 */
}
#firstLink {
color: purple; /* 将第一个链接的文本颜色设置为紫色 */
}
</style>
</head>
<body>
< a href=" ">Link 1</ a>
< a href="#">Link 2</ a>
< a href="#">Link 3</ a>
< a href="#">Link 4</ a>
</body>
</html>