console
<div><header><h1>中国风景美食地图网</h1> </header>
<nav><a id="nav" href="http://www.51yala.com/">首页</a> <a id="nav" href="http://jingyan.baidu.com/article/d8072ac4207845ec95cefd9f.html">景点</a> <a id="nav" href="http://jsrun.net/AAkKp/show">美食及旅游地图</a> <a id="nav" href="http://www.cntc.com/">特产</a> <a id="nav" href="http://www.zglylt.com/forum.php">论坛</a> </nav>
<aside><ol>
<li style="color:#ff69b4" ><a href="https://lvyou.baidu.com/beijing/?from=zhixin" id="asid" >北京</a></li>
<ul>
<li><a href="http://www.dpm.org.cn/index1024768.html" id="asid" >故宫</a></li>
<li><a href="http://www.tiantanpark.com/cn/" id="asid" >天坛</a></li>
</ul></li>
<li style="color:#ff69b4"><a href="https://lvyou.baidu.com/henan/?from=zhixin" id="asid" >河南<br/>
<ul>
<li><a href="http://www.lmsk.cn/" id="asid" >龙门石窟</a></li>
<li><a href="http://www.chinabaimasi.org/" id="asid" >白马寺</a></li>
</ul></li>
<li style="color:#ff69b4"><a href="https://lvyou.baidu.com/hunan/?from=zhixin" id="asid" >湖南<br/>
<ul>
<li><a href="http://www.zjjjka.com/" id="asid" >张家界</a></li>
<li><a href="https://lvyou.baidu.com/changsha/?from=zhixin" id="asid" >长沙</a></li>
</ul></li>
</ul></li>
<li style="color:#ff69b4"><a href="https://lvyou.baidu.com/yunnan/?from=zhixin" id="asid" >云南<br/>
<ul>
<li><a href="https://lvyou.baidu.com/lijiang/?from=zhixin" id="asid" >丽江</a></li>
<li><a href="http://blog.sina.com.cn/s/blog_49e28fef0102w7n8.html" id="asid" >梯田</a></li>
</ul></li>
<li style="color:#ff69b4"><a href="https://lvyou.baidu.com/anhui/?from=zhixin" id="asid" >安徽<br/>
<ul>
<li><a href="http://www.chinahuangshan.gov.cn/" id="asid" >黄山</a></li>
<li><a href="http://www.jiuhuashan.cc/" id="asid" >九华山</a></li>
</ul></li>
<li style="color:#ff69b4"><a href="https://lvyou.baidu.com/chongqing/?from=zhixin" id="asid" >重庆<br/>
<ul>
<li><a href="https://lvyou.baidu.com/jiefangbei/" id="asid" >解放碑</a></li>
<li><a href="https://www.zhihu.com/question/28426892" id="asid" >火锅</a></li>
</ul></li>
</ol>
<form> <table>
<tr><td>用户名：<input type="text" name="name" style="width='140px'"></td></tr>
<tr><td>密码： <input type="password" name="psw"></td></tr>
<tr><td><input type="submit"value="进入" style="float:left;"><input type="button" value="注册" style="float:right;"></td></tr>
</table></form></aside>
<section>
<section id="section3">
<table>
<tr>
<td ><img src=https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1494179624431&di=834889e9950cfa0d583889e12751d6ec&imgtype=0&src=http%3A%2F%2Fimg3.ph.126.net%2FJn0T7m4GlDg11pqmgZQoxg%3D%3D%2F1289999818282312293.jpg style="width:200px;">
<td ><img src=https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1494179745598&di=12cba9095b909fc44d58be0f95b64f8f&imgtype=0&src=http%3A%2F%2Fimgsrc.baidu.com%2Fforum%2Fpic%2Fitem%2F250a33fae6cd7b8977e50a400f2442a7d8330e71.jpg style="width:200px;">
<td ><img src=https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1494179818126&di=1f4d85dbf6fa56ebf2bf17dde80c328f&imgtype=0&src=http%3A%2F%2Fyouimg1.c-ctrip.com%2Ftarget%2Ffd%2Ftg%2Fg4%2FM08%2F36%2F49%2FCggYHFZWrtiAAq36ACQzpYyEYpU186.jpg style="width:200px;">
</td>
</tr>
<tr>
<tr>
<td><a href="http://www.dpm.org.cn/index1024768.html">故宫</a></td>
<td><a href="http://www.tiantanpark.com/cn/">天坛</a></td>
<td><a href="http://www.lmsk.cn/">龙门石窟</a></td>
<tr>
<td><img src=https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1494180194785&di=fdca7e77811140ce3dc08343163c82ec&imgtype=0&src=http%3A%2F%2Fyouimg1.c-ctrip.com%2Ftarget%2Ffd%2Ftg%2Fg2%2FM0A%2FE9%2F0B%2FCghzgFV5KpSAeM0PAASGkdwXMG8594.jpg style="width:200px;"></td>
<td><img src=https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1494180276678&di=f0f9f2231ad6d95ec41e8ca63d3f5049&imgtype=0&src=http%3A%2F%2Fimg.pconline.com.cn%2Fimages%2Fupload%2Fupc%2Ftx%2Fphotoblog%2F1412%2F06%2Fc4%2F312427_312427_1417878936459_mthumb.jpg style="width:200px;"></td>
<td><img src=https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1494180354942&di=10b85e41cbdb5989a8415dac813d28fe&imgtype=0&src=http%3A%2F%2Fimg1.ph.126.net%2Fo8wKS0cv9KfWlD4wxpIgWg%3D%3D%2F2049982255483723594.jpg
style="width:200px;">
</td>
</tr>
<tr>
<tr>
<td><a href="http://www.chinabaimasi.org/">白马寺</a></td>
<td><a href="https://lvyou.baidu.com/zhangjiajie/?from=zhixin">张家界</a></td>
<td><a href="https://lvyou.baidu.com/changsha/?from=zhixin">长沙</a></td>
<tr>
<td><img src=https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1494180621271&di=599c9a7864951d1c963819ceaa6726d9&imgtype=0&src=http%3A%2F%2Fpic2m.quanjing.com%2FChineseview008%2F282-0379.jpg style="width:200px;"></td>
<td><img src=https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1494180709131&di=3bf938b9ea0e64046a771d7dc9993b25&imgtype=0&src=http%3A%2F%2Fstaticfile.tujia.com%2Fupload%2Finfo%2Fday_140821%2F201408210234599604.jpg style="width:200px;"></td>
<td><img src=https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1494180785129&di=8b868b7636fcec60a5a2238a64c32211&imgtype=0&src=http%3A%2F%2Fb.hiphotos.baidu.com%2Fimage%2Fpic%2Fitem%2F838ba61ea8d3fd1f707eeeef394e251f94ca5feb.jpg style="width:200px;"></td>
<tr>
<tr>
<td><a href="https://lvyou.baidu.com/lijiang/?from=zhixin">丽江</a></td>
<td><a href="http://www.360doc.com/content/16/0302/15/29654427_538822530.shtml">梯田</a></td>
<td><a href="http://www.huangshan.gov.cn/">黄山</a></td>
</table>
</section>
</div>
<section id="cm">
<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<div id="myCarousel" class="carousel slide">
<ol class="carousel-indicators" text-align:center>
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="item active">
<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1494229962850&di=578b8f5cdf00cb269a63334a93a0c487&imgtype=0&src=http%3A%2F%2F0379lyw.com%2Fimages%2F20160528152741766.jpg" alt="First slide" width=800px height=200px>
</div>
<div class="item">
<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1494229962850&di=578b8f5cdf00cb269a63334a93a0c487&imgtype=0&src=http%3A%2F%2F0379lyw.com%2Fimages%2F20160528152741766.jpg" width=800px height=200px>
</div>
<div class="item">
<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1494229962850&di=578b8f5cdf00cb269a63334a93a0c487&imgtype=0&src=http%3A%2F%2F0379lyw.com%2Fimages%2F20160528152741766.jpg" width=800px height=200px>
</div>
</div>
</section>
</div>
div{
width:800px;
margin:auto;
}
header{
width:800px;
height:50px;
background-color:#A0A0A0 ;
}
nav{
width:800px;
height:50px;
background-color:#909090 ;
text-align:center;}
h1{
text-align:center;
}
#nav{
text-decoration:none;
color:green;
font-size:25px;
}
aside{
width:150px;
height:500px;
background-color:#333333;
float:left;
}
section {
margin-top:0;
width:650px;
height:500px;
float:left;
}
#section3{
width:650px;
height:500px;
background-image:url(https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1494181044590&di=c3a3b2ade35a31e243a299fcb74c585e&imgtype=0&src=http%3A%2F%2Fimg.taopic.com%2Fuploads%2Fallimg%2F130201%2F235113-13020110045928.jpg);
}
footer{
width:800px;
clear:both;
background-color:yellow;
}
.figure1{
width:800px;
height:300px;
float:left;
background-color:pink;
margin:auto;
}
#asid{
text-decoration:none;
color:pink;
}
#aa{
margin-top:80px;
margin-left:80px;
}
td{
text-align:center;
}
#cm{
margin-left:313px;
}