<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<style>
#p2{
color: #8A2BE2;
font-weight: 900;
}
#p10{
font-size: 15px;
}
#button1{
width: 150px;
height: 40px;
}
#pbutton{
font-weight: 400
}
#psmall{
font-size: 15px;
color: rgb(229,229,229);
}
#px{
font-size: 15px;
margin-top:-50px;<!--表示与上一个控件的相对距离 -->
}
</style>
<img alt="加载中" src="img\yahoo.png">
<p id="px" align="right">雅虎|帮助</p>
<p id="p1">创建您的雅虎账号,使用雅虎免费邮箱及其他网络服务</p>
<form action="" name="form1">
<hr size=1 width="800" color=rgb(229,229,229) align="left" ><br><br>
姓名:<input type="text" name="name"> <input type="text" name="name">
性别:<select>
<option>男</option>
<option>女</option>
</select><br><br>
生日:<input type="text" name="birthday"> <select id="select1"><option value="0" selected="selected">请选择月份</option>
<option value="1">一月</option>
<option value="2">二月</option>
<option value="3">三月</option>
<option value="4">四月</option>
<option value="5">五月</option>
<option value="6">六月</option>
<option value="7">七月</option>
<option value="8">八月</option>
<option value="9">九月</option>
<option value="10">十月</option>
<option value="11">十一月</option>
<option value="12">十二月</option>
</select> <input type="text" name="birthday"><br><br>
国家:<select><option>中国</option>
<option>外国</option>
</select><br><br>
邮政编码:<input type="text" name="youbian">
</form><br>
<hr size=1 width="800" color=rgb(229,229,229) align="left" ><br><br>
<p id="p2">选择您的账号和密码</p>
<form action="" name="form2">
雅虎账号和雅虎邮箱地址:<input type="text" name="address">@<select>
<option>yahoo.cn</option>
</select> <input type="button" value="检测"><br><br>
密码:<input type="password" name="password"><br><br>
再次输入密码:<input type="password" name="repassword"><br><br>
</form>
<hr size=1 width="800" color=rgb(229,229,229) align="left" ><br><br>
<p id="p2">设置账号及密码保护信息 (在您忘记账号密码时使用)</p>
备用邮箱(选填)<input type="text" name="address"><br><br>
密码保护问题 1<select><option>-请选择其中一项-</option></select><br><br>
您的答案:<input type="text" name="answer"><br><br>
密码保护问题 2<select><option>-请选择其中一项-</option></select><br><br>
您的答案:<input type="text" name="answer"><br><br>
<hr size=1 width="800" color=rgb(229,229,229) align="left" ><br><br>
<p id='p10' align="center">如果您按下按钮,表示您赞成和接受<a href="www.baidu.com">雅虎服务条款</a></p><br><br>
<button type="button" id='button1' ><p id="pbutton" align="center">创建我的账号</p></button>
</body>
</html>
运行效果:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<style>
#p1{
font-size: 15px;
}
</style>
<img alt="正在加载中" src="img\guimei.png"> <a href="">登录</a> | 关于贵美 | 贵美助理 | <a href="">联系我们</a><br>
手机- 诺基亚- <a href="">MOTO</a>- 索爱
<h1>导购咨询</h1><br><br><br>
参观电玩达人的宝贝仓库<br>
炎炎夏日,冰凉家具两者起<br>
周末折扣,品牌三折热卖<br>
<hr size=1 width="800" color=rgb(229,229,229) align="left" ><br>
网游专区<br><br>
<ol type="1" start="1">
<li>QQ幻想100点卡只需8.8元</li>
<li>热血江湖250点只需8.8元</li>
<li>问道30元卡只需25元</li>
<li>跑跑点卡200点只需16.8元</li></ol><br>
数码产品<br><br>
<ul type="disc">
<li>最酷音乐手机导购</li>
<li>最强街机6300仅售1450</li>
<li>99元热销学生MP3推荐</li>
<li>漫步者音箱76元搞定</li></ul><br>
<hr size=1 width="800" color=rgb(229,229,229) align="left" ><br>
MOTO E2 音乐手机<br>
<p id="p1">130W像素摄像头 Linux智能系统<br>
Intel XScale 处理器<br>
A2DP蓝牙立体声 市场价:1690<br>
开学价:1045</p>
<hr size=1 width="800" color=rgb(229,229,229) align="left" ><br>
版权信息:Copyright @ 1998-2007 GuiMei Shopping Inc.ALL Rights Reserved
</body>
</html>
运行效果:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<style type="text/css">
div{background-color:#CCCCCC;width:300px;height:320px}
.h_1{
color:#FF6600;
font-size:20px;
font-family:黑体;
}
.h_2{
//color:#999999;
font-family:黑体;
}
</style>
</head>
<body>
<div>
<ul>
<li class="h_1">家用电器</li>
<li class="h_2">大家电</li>
<li class="h_2">洗衣机</li>
<li class="h_2">电冰箱</li>
<li class="h_2">平板电视</li>
</ul>
<ul>
<li class="h_1">日用百货</li>
<li class="h_2">肥皂</li>
<li class="h_2">洗衣粉</li>
<li class="h_2">纸巾</li>
<li class="h_2">洗发水</li>
</ul>
</div>
</body>
</html>
结果: