<html>
<head>
<!--<link rel='stylesheet'href='1.css'/>-->
<style type='text/css'>
body{color:green;}
p{color:pink;}
#p2{color:purple;font-weight:bold;}
.x1{color:red;}
.x2{font-size:200%;}
p.x1{color:blue;}
a:hover{color:yellow;font-size:200%;}
</style>
</head>
<body>
<a href='a.html'>go to ibm</a>
dfdfdfdfd<span>123</span>fdfdfdfdffd
<p id='p2'>aaaaaaaaaaaaaaaaaa</p>
<p class='x1'>aaaaaaaaaaaaaaaaaa</p>
<div>sdfsdgdthyjuykl</div>
<div class='x1 x2'>sdfsdgdthyjuykl</div>
<table border='1'>
<tr>
<td>
name:秦欣琪<br/>
number:2016080332069<br/>
</td>
<td><img src='Jellyfish.jpg' width='60' height='120'></td>
</tr>
<tr>
<td colspan='2'>
<ul>
<li>xxxxxx</li>
<li>xxxxxx</li>
<li>xxxxxx</li>
<li>xxxxxx</li>
</ul>
</td>
</tr>
<tr>
<td colspan='2'>
<p> azsxdc <b>qazc</b> <font>zws</font> edxc fg ry qj k </p>
</td>
</tr>
<tr>
<td><b>qazc serw etr</b> qweqweqweqweqe</td>
<td><b>qazc</b></td>
</tr>
</table>
</body>
</html>
body{color:green;}
p{color:red;font-size:200%;font-style:italic;}
div{color:blue;font-size:350%;font-style:italic;}
<html>
<head>
<style type='text/css'>
body{color:green;}
p{color:red;font-size:200%;font-style:italic;}
div{color:blue;font-size:350%;font-style:italic;}
</style>
</head>
<body>
dfdfdfdfdfdfdfdfdffd
<p>aaaaaaaaaaaaaaaaaa</p>
<p style='color:grey;font-weight:bold;'>aaaaaaaaaaaaaaaaaa</p>
<div>sdfsdgdthyjuykl</div>
<div>sdfsdgdthyjuykl</div>
<table border='1'>
<tr>
<td>
name:秦欣琪<br/>
number:2016080332069<br/>
</td>
<td><img src='Jellyfish.jpg' width='60' height='120'></td>
</tr>
<tr>
<td colspan='2'>
<ul>
<li>xxxxxx</li>
<li>xxxxxx</li>
<li>xxxxxx</li>
<li>xxxxxx</li>
</ul>
</td>
</tr>
<tr>
<td colspan='2'>
<p> azsxdc <b>qazc</b> <font>zws</font> edxc fg ry qj k </p>
</td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>
<html>
<head>
<style type='text/css'>
div p{}
#p1{color:red;}
#p2{font-size:200%;font-style:italic;}
div{color:blue}
.x1{color:yellow;font-weight:bold;}
.x2{color:green;}
a:hover{color:red;font-size:200%;}
</style>
</head>
<body>
<p id='p1'>aaaaaaaaaaaaaaaaaa</p>
<p id='p2'>a<span class='x2'>a</span>aaaaaaaaaaaaaaaa</p>
<p>aaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
<div>aaaaaaaaaaaaaaaaaaaaaaaaa</div>
<div class='x1'>aaaaaaaaaaaaaaaaaaaaaaaaa</div>
<div>aaaaaaaaaa<a href='a.html'>123</a>aaaaaaaaaaaa</div>
<div>aaaaaaaaaaaaaaaaaaaaaaaa<span class='x1'>a</span></div>
</body>
</html>
<html>
<head>
<style type='text/css'>
body{background-color:#aaaaaaa;
background-image:url(1.gif);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:right bottom;}
div p{color:red;}
span{text-decoration:underline;}
a{text-decoration:none;}
p{line-height:4em;}
</style>
</head>
<body>
<p>aaa<span>123</span>aa</p>
<div>
<p>aa<a href='c.html'>go to ibm</a>aaa</p>
</div>
<div>aaa</div>
<p>
qwrwe terg w eferg hrt gfg vsxz ewt eryht gh retgdfv
rf jw kgh fsfwgfg vsxz ewt eryht gh retgdfv
rtw er tg r egtgfg vsxz ewt eryht gh retgdfv
rf ertg ergfg vsxz ewt eryht gh retgdfv
fert feg trtggfg vsxz ewt eryht gh retgdfv
gfg vsxz ewt eryht gh retgdfvgfg vsxz ewt eryht gh retgdfv
</p>
</body>
</html>
