app
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h1><b>手机app排行榜</b></h1>
<ol>
<li>
<img src="img/app/app1.png" />
微信2017<br /><hr />
</li>
<li>
<img src="img/app/app2.jpg" />
手机支付宝<br /><hr />
</li>
<li>
<img src="img/app/app3.png"/>
腾讯视频<br /><hr />
</li>
<li>
<img src="img/app/app4.png"/>
美团<br /><hr />
</li>
</ol>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<font size="6"><b>商品列表</b></font><br />
<img src="img/sangpin/shop1.jpg" /><br />
<font size="4"><b> 超纤维防水帆布</b></font><br />
<img src="img/sangpin/shop2.jpg" /><br />
<font size="4"><b> stream海猫</b></font><br />
<img src="img/sangpin/shop3.jpg" /><br />
<font size="4"><b> LVED花双肩包</b></font><br />
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h1 ><font face="微软雅黑">存疑</font></h1>
<hr />
<p>你说你喜欢雨</p>
<p>你说你喜欢阳光</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<center><img src="img/sakula.jpg" ></center>
<hr />
<p>人什么时候才会死?<br>被子弹贯穿心脏的时候?</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
ul li ul li{
color: purple;
}
</style>
</head>
<body>
<h1>高等数学(上册)目录</h1>
<ul>
<li>第一章 函数与函数
<ul><li><u>1.1集合</u></li>
<li><u>1.2</u></li>
<li><u>1.3</u></li>
</ul>
</li>
<li>第二章 函数的极限
<ul>
<li><u>2.1</u></li>
<li><u>2.2</u></li>
<li><u>2.3</u></li>
</ul>
</li>
<li>第三章 函数的导数
<ul >
<li>3.1
<ul>
<li><u>3.1.1</u></li>
<li><u>3.1.2</u></li>
</ul>
</li>
</ul>
</li>
</ul>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style >
.class1{
color: palevioletred;
}
.class2{
color: red;
}
</style>
</head>
<body>
<ul>
<li>
<img src="img/book/book1.jpg"><br />
</li>
<li><a href="#" class="class1">失乐园</a></li>
<li>原价:¥84 <span class="class2">现价:¥73</span></li><br>
<hr />
<li>
<img src="img/book/book2.jpg" />
</li>
<li><a href="#" class="class1">情商是什么?</a></li>
<li>原价:¥100 <span class="class2">现价:¥50</span></li>
</ul>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
.class1{
color: green;
}
#lan{
color: blue;
}
p.txt{
color:green;
}
</style>
</head>
<body>
<h1>原谅</h1>
<hr />
<p class="class1">春天来了<br>我去小溪边砸冰</p>
<br />
<p id="lan">出自:《孩子们的诗》</p>
<br />
<p class="txt">《孩子们的诗》诗集精选七十多首</p>
</body >
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
.class1{
color: blue;
font: 20px;
}
.class2{
color: blue;
font:15px;
}
.class3{
color: purple;
}
</style>
</head>
<body>
<p class="class1">这位会魔法的爸爸</p>
<hr />
<p class="class2">原标题</p>
<p class="class3">32岁的万里</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
p strong{
font-size: 15px;
}
p a{
color: purple;
}
</style>
</head>
<body>
<p><img src="img/game1.jpg" alt="花园小镇图片" title="花园小镇图片"></p><br />
<p><strong>游戏背景</strong><br /></p>
<p>玫瑰小镇是以花园经营<br /></p>
<p><strong>游戏特色</strong><br /></p>
<p>布置花园是玫瑰小镇的特色玩法</p>
<p><a href="#" >我要提产品建议</a></p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
p.txt{
color: green;
font-size: 20px;
}
</style>
</head>
<body>
<h1>光</h1>
<p class="txt">晚上</p>
<p class="txt">我打着手电筒散步</p>
<p class="txt">我打着手电筒散步</p>
<p class="txt">累了就拿它当拐杖</p>
<p class="txt">我拄着一束光</p>
</body >
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
ul li{
color: blue;
}
ul li ul li ul li{
color: red;
}
ul li ol li{
color: green;
}
</style>
</head>
<body>
<h1>东软睿道学习平台</h1>
<p>欢迎来到东软睿道学习平台</p>
<ul>
<li>网页制作<br>
<ul>
<li>使用Dreameweaver制作网页</li>
<li>使用CSS布局和美化网页
<ul type="square">
<li>CSS初级</li>
<li>CSS中级</li>
<li>CSS高级</li>
</ul>
</li>
<li>使用JavaScript制作网页特效</li>
</ul>
</li>
<li>平面设计
<ol>
<li>美术基础</li>
<li>使用photoshop处理图形图像</li>
</ol>
</li>
</ul>
</body>
</html>