HTML5期末大作业
一、作品展示
![在这里插入图片描述](https://img-blog.csdnimg.cn/e72d3c3037614f46a020fb153045c9b7.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAd2Vi6aKG5Z-f5LyY6LSo5Yib5L2c6ICFLee9kemhteiuvuiuoQ==,size_15,color_FFFFFF,t_70,g_se,x_16#pic_center)
二、文件目录
![在这里插入图片描述](https://img-blog.csdnimg.cn/b92d89a1b56a47b894df24cb43100843.png)
三、代码实现
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>北京旅游</title>
<link rel="stylesheet" type="text/css" href="css/yangshi.css">
</head>
<body>
<div id="top">
<div class="topnav">
<p>
<a href="#">首页</a> | <a href="#"><span>北京</span></a> | <a href="#">上海</a> | <a href="#">九寨沟</a> | <a href="#">张家界</a> | <a href="#">桂林</a> | <a href="#">黄山</a> | <a href="#">湖南天门山</a> | <a href="#">浙江雁荡山</a> | <a href="#">河北野三坡</a> | <a href="#">凤凰</a> | <a href="#">乌镇</a>
</p>
</div>
<div class="img">
<p>中国著名景区 >> <span>wecome to beijing _( ゚Д゚)ノ</span></p>
<div class="tup"></div>
</div>
<div class="wenzi">
<ul>
<li><img src="images/03line01.gif"><span>综合资讯</span></li>
<li><a href="#">3月滑雪全天只需80元</a></li>