<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 1.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<!-- 第一种选择器使用方法 -->
<link rel="stylesheet" type="text/css" href="css/my.css"/>
<!-- 第二种选择器使用方法 -->
<style type="text/css">
table{color:black;border:5px blue solid;}
.b{color:black;border:2px blue solid;}
<!-- .c{color:black;border:2px blue solid;} -->
</style>
</head>
<body ><!-- bgcolor="#00f000" -->
<!-- div 连接由css中语句进行控制-->
<div>
<h1 align="center">我就独占一间房0^_^0</h1></div><p/>
</div>
<div>
<table bgcolor="yellow">
<tr>
<th style="border:2px solid;color:red;" rowspan="4">编码091班</th>
<th style="border:2px solid;">姓名</th>
<th style="border:2px solid;">班级</th>
<th style="border:2px solid;">学号</th>
<th style="border:2px solid;">学历</th>
<th style="border:2px solid;">电话</th>
<th style="border:2px solid;">
<a href="http://cg1a69.mail.126.com/js3/main.jsp?sid=aBNwrFGGFKaNectGOoGGqYADKcmVozwG#module=welcome">
邮箱
</a>
</th>
</tr>
<tr>
<th style="border:2px solid;">刘强</th>
<th style="border:2px solid;">编码091</th>
<th style="border:2px solid;">2114</th>
<th style="border:2px solid;">大专</th>
<th style="border:2px solid;">13592582650</th>
<th style="border:2px solid;">
<a href="http://cg1a69.mail.126.com/js3/main.jsp?sid=aBNwrFGGFKaNectGOoGGqYADKcmVozwG#module=welcome">
邮箱
</a>
</th>
</tr>
<tr>
<th style="border:2px solid;">文栋梁</th>
<th style="border:2px solid;">编码091</th>
<th style="border:2px solid;">2124</th>
<th style="border:2px solid;">大专</th>
<th style="border:2px solid;">13592582650</th>
<th style="border:2px solid;">
<a href="http://cg1a69.mail.126.com/js3/main.jsp?sid=aBNwrFGGFKaNectGOoGGqYADKcmVozwG#module=welcome">
邮箱
</a>
</th>
</tr>
<tr>
<th style="border:2px solid;" colspan="6">总结</th>
</tr>
</table>
</div>
<hr color="red"/>
<h2 align="center"><blink>别靠近我！！</blink><h2>
<hr color="red"/>
<div>
<strong>
<h1 align="center">泡沫之夏    冰爽奉上</h1>
</strong>
<hr width="550" color="blue"/>
<strong>用户名:</strong>
<input class="b" type="text" value="请输入用户名"/><br/>
<strong>密  码:</strong>
<input class="b" type="password" />
<br/><p/>
<input type="button" value="登录"/>
<input type="button" value="注册"/>
<!-- 第三种选择器使用方法 -->
<div style="border:2px blue solid;" align="center">
<var color="blue">先生/小姐/两位想来点什么？</var><p/>
<input type="radio" name="1"/>苹果
<input type="radio" name="1"/>橘子
<input type="radio" name="1"/>香蕉
<input type="radio" name="1"/>芒果
<input type="checkbox" name="1"/>苹果
<input type="checkbox" name="1"/>橘子
<input type="checkbox" name="1"/>香蕉
<input type="checkbox" name="1"/>芒果
<p/><p/>
<input type="radio" name="2"/>雪碧
<input type="radio" name="2"/>可乐
<input type="radio" name="2"/>芬达
<input type="radio" name="2"/>橙汁
<input type="checkbox" name="2"/>雪碧
<input type="checkbox" name="2"/>可乐
<input type="checkbox" name="2"/>芬达
<input type="checkbox" name="2"/>橙汁
</div>
<input type="button" value="买单！" align="right"/>
<input type="text" value="总金额为："/>
</div><p/><p/>
<div>
<ul>
<li id="l">迅雷5.0</li>
<li id="l" class="ll">迅雷6.0</li>
<li id="l" id="ll">迅雷6.0</li>
<li id="1" class="ll">迅雷7.0</li>
</ul>
<dl>
<dt>QQ</dt>
<dt>MSN</dt>
<dd>FETION</dd>
</dl>
<dl>
<dt class="d">QQ</dt>
<dt>MSN</dt>
<dd>FETION</dd>
</dl>
</div>
<p/>
<div>
<select class="ll">
<option value="1">中原工学院</option>
<option value="1">百度</option>
<option value="1">搜狐</option>
<option value="1">新浪</option><!-- 不知怎样实现跳转 -->
</select>
<a href="http://www.baidu.com/" target="_blank"/>
<input type="button" value="Hi,百度"/>
</a><p/>
<center/>
<a href="http://www.baidu.com/" target="_self">
<img src="http://images.cnblogs.com/3.gif" alt="Hi,百度" />
<h1 >也可以点击图片哦！！</h1>
<!-- 代替图片字体 -->
<img src="http://images.cnblogs.com/22222.gif"
alt="图片显示不出来时，显示该字段；
其二，同时用该字段对该图片进行搜索" />
<a/>
</div><p/>
<table>
<tr>
<th colspan="3">
<!-- 链接到css；标签选择器 -->
<em >国家五A级风景区，世界地质公园。 河南云台山，位于河南省修武县境内，以独具特色的“北方岩溶地貌”被列入首批世界地质公园名录。同时又是河南省唯一一个集国家重点风景名胜区、国家AAAAA级景区、国家地质公园、国家森林公园、国家水利风景名胜区、国家猕猴自然保护区六个国家级于一体的风景名胜区。景区面积190平方公里，含泉瀑峡、潭瀑峡、红石峡、子房湖、万善寺、百家岩、仙苑、圣顶、叠彩洞、青龙峡十大景点。还有亚洲落差最大的瀑布云台瀑布。</em>
</th>
</tr>
<tr>
<th><img src="http://images.cnblogs.com/11.jpg" alt="云台山"></th>
<th><img src="http://images.cnblogs.com/22.jpg" alt="云台山"></th>
<th><img src="http://images.cnblogs.com/33.jpeg" alt="云台山"></th>
</tr>
</table>
<!-- 回顾标签的基本用法 -->
<a href="" target="_blank/_self" >text</a>
<img src="./images/*.jpg" alt="text"/>
<em></em><strong></strong><var></var>
<table>
<tr>
<th></th>
<td></td>
</tr>
</table>
<dl>
<dt><dt/>
<dd><dd/>
<dl/>
<input type="password/text/button/radio/checkbox..." value="默认值" name="1"/><!-- 单标签记得要关闭 -->
<select>
<option value="11"></option>
</select>
<!-- 三种选择器 -->
标签选择器text{} id选择器#test{} 类选择器.test{}
<!-- css引入方式 -->
1.<style type="text/css">
#test{}
.test{}
test{}
</style>
2<link rel="stylesheet" type="text/css" href="css/my.css"/>
3.<div style="border:3px red solid;">
</div>
</body>
</html>