console
<div id="myCarousel" class="carousel slide">
<ol class="carousel-indicators">
<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 style="width:100%;height:200px;" src="http://file30.mafengwo.net/M00/96/BF/wKgBpVV3j5eAEqZKAAF9W_SH7yA52.jpeg">
</div>
<div class="item">
<img style="width:100%;height:200px;" src="http://file110.mafengwo.net/s8/M00/A5/B1/wKgBpVUr2niAb64hABPF5SUKS8g33.jpeg" alt="Second slide" >
</div>
<div class="item">
<img style="width:100%;height:200px;" src="http://www.oruchina.com/files/2014-9/20140928101222107162.jpg" alt="Third slide" >
</div>
</div>
<a class="carousel-control left" href="#myCarousel"
data-slide="prev">‹</a>
<a class="carousel-control right" href="#myCarousel"
data-slide="next">›</a>
</div>
<div>
<nav><a href="#">首页</a> <a href="#">景点</a> <a href="http://jsrun.net/tAkKp/show">美食</a> <a href="#">住宿</a> <a href="http://jsrun.net/TjkKp/show">线路</a> <a href="http://luoyang.cncn.com/jiaotong/">交通</a> </nav>
<section>
<table>
<tr><td colspan="3" id="td1">古都神话</td></tr>
<tr>
<td ><img src=http://h2.bytravel.cn/www/2/head/2305.gif class="tp"></td>
<td><img src=http://h2.bytravel.cn/www/2/head/2317.gif class="tp"></td>
<td><img src=http://c.cncnimg.cn/038/477/2f9a_m.jpg class="tp"></td>
</tr>
<tr>
<td><a href="http://m.cncn.com/jingdian/12249">龙门石窟</a></td>
<td><a href="http://m.cncn.com/jingdian/12248">白马寺</a></td>
<td><a href="http://m.cncn.com/jingdian/12246">关林庙</a></td>
</tr>
<tr>
<tr><td colspan="3" id="td1">鬼斧神工</td></tr>
<td><img src=http://h2.bytravel.cn/www/8/head/7682.gif class="tp"></td>
<td><img src=http://c.cncnimg.cn/037/297/d4e2_m.jpg class="tp"></td>
<td><img src=http://c.cncnimg.cn/046/607/36c9_b.jpg class="tp"></td>
</tr>
<tr>
<td><a href="http://m.cncn.com/jingdian/12263">白云山</a></td>
<td><a href="http://m.cncn.com/jingdian/12244">老君山</a></td>
<td><a href="http://m.cncn.com/jingdian/38702">黛眉山</a></td>
</tr>
<tr>
<tr><td colspan="3" id="td1">百花齐放</td></tr>
<td><img src=http://c.cncnimg.cn/044/536/c6d3_m.jpg class="tp"></td>
<td><img src=http://c.cncnimg.cn/038/936/1a26_m.jpg class="tp"></td>
<td><img src=http://c.cncnimg.cn/037/053/257d_m.jpg class="tp"></td>
</tr>
<tr>
<td><a href="http://m.cncn.com/jingdian/42783">薰衣草庄园</a></td>
<td><a href="http://m.cncn.com/jingdian/12257">牡丹园</a></td>
<td><a href="http://m.cncn.com/jingdian/15828">国花园</a></td>
</tr>
<tr>
<tr><td colspan="3" id="td1">谷清见低</td></tr>
<td><img src=http://c.cncnimg.cn/037/082/4c96_m.jpg class="tp"></td>
<td><img src=http://c.cncnimg.cn/036/972/dd33_m.jpg class="tp"></td>
<td><img src=http://c.cncnimg.cn/037/099/2574_m.jpg class="tp"></td>
</tr>
<tr>
<td><a href="http://m.cncn.com/jingdian/12227">栾川重渡沟</a></td>
<td><a href="http://m.cncn.com/jingdian/12237">龙潭大峡谷</a></td>
<td><a href="http://m.cncn.com/jingdian/12259">养子沟</a></td>
</tr>
</table>
</section>
<footer id="footer">
<p class="tc vm">
<a class="footer-weibo nslog" data-nslog="{"type":150,"page":"index","cmd":"click","pos":"footer-weibo-138-101"}" target="_blank" href="http://e.weibo.com/baidulvyou">关注微博</a>
<a class="footer-app nslog" data-nslog="{"type":150,"page":"index","cmd":"click","pos":"footer-app-138-101"}" target="_blank" href="//lvyou.baidu.com/app/baidulvyou">下载APP</a>
</p>
<p class="copyright">©2017Baidu<a target="_blank" href="//www.baidu.com/duty/" class="agreement" style="margin-left:10px;">使用百度前必读</a><a target="_blank" href="/help/uagreement" style="margin-left:10px;">百度旅游用户协议</a><a class="nslog" data-nslog="{"type":150,"page":"index","cmd":"click","pos":"footer-contact-138-101"}" target="_blank" href="/help/contact" style="margin-left:10px;">联系我们</a><a class="nslog" target="_blank" href="/main/friend" style="margin-left:10px;">友情链接</a></p>
</footer>
</div>
body{text-align:center;
background-color:#FFFACD;
}
nav{
display:block;
border:2px solid gray;
background-color:#00FF7F;
width:1000px;
height:30px;
padding；50px;
margin-left:180px;
}
nav a{
text-decoration:none;
color:white;
font-size:20px;
padding:40px;
}
a:hover,a:active
{
background-color:#708090;
}
table{
margin:0 auto;
margin-top:8px;
}
.tp{
height:160px;
width:160px;
}
#td1{
width:500px;
height:40px;
font-size:20px;
background-color:#DEB887;
text-align:left;
}
footer{
margin-top:15px;
}