HTML5期末大作業(yè)：上海介紹網(wǎng)站設計——代碼質量好-上海介紹(5頁) HTML+CSS+JavaScri
一、作品展示
二、文件目錄
三、代碼實現(xiàn)
<!DOCTYPE?html><head> ? ?<meta charset="utf-8" /> ? ?<title>上海旅游介紹</title> ? ?<link href="css/css.css" rel="stylesheet" /></head><body><div> ? ?<div><img src="images/logo.png"/></div> ? ?<div> ? ? ? ?<ul> ? ? ? ? ? ?<li><a href="index.html" rel="external nofollow"?rel="external nofollow" >首頁</a></li>??
??<li><a href="jingdian.html" rel="external nofollow"??rel="external nofollow" >景點介紹</a></li> ? ? ? ? ? ?<li><a href="fengjing.html" rel="external nofollow"??rel="external nofollow" >風景欣賞</a></li> ? ? ? ? ? ?<li><a href="meishi.html" rel="external nofollow"?rel="external nofollow" >美食推薦</a></li> ? ? ? ? ? ?<li><a href="liuyan.html" rel="external nofollow"??rel="external nofollow" >在線留言</a></li> ? ? ? ?</ul> ? ?</div></div><div> ? ?<div> ? ? ? ?<div> ? ? ? ?????????<img src="images/pic1.jpg"> ? ? ? ?</div> ? ? ? ?<div> ? ? ? ?????????<input type="button"> ? ? ? ??<input type="text" ?class="text"/> ? ? ? ?</div> ? ? ? ?<div> ? ? ? ? ? ?<ul> ? ? ? ? ? ? ? ?<li><a href="index.html" rel="external nofollow"??rel="external nofollow" >首頁</a></li>??
?<li><a href="jingdian.html" rel="external nofollow"??rel="external nofollow" >景點介紹</a></li> ? ? ? ? ? ? ? ?<li><a href="fengjing.html" rel="external nofollow"??rel="external nofollow" >風景欣賞</a></li> ? ? ? ? ? ? ? ?<li><a href="meishi.html" rel="external nofollow"??rel="external nofollow" >美食推薦</a></li> ? ? ? ? ? ? ? ?<li><a href="liuyan.html" rel="external nofollow"?rel="external nofollow" >在線留言</a></li> ? ? ? ? ? ?</ul> ? ? ? ?</div>??
?</div> ? ?<div> ? ??<div> ? ? ? ?????????<h2>美食推薦</h2><ul> ? ? ? ? ? ???<li> ? ? ? ? ? ? ? ???????<img src="images/meishi1.jpg" /> ? ? ? ? ? ? ? ? ? ?<p>小籠包</p> ? ? ? ? ? ? ? ?</li> ? ? ? ? ? ???????<li> ? ? ? ? ? ? ? ???????<img src="images/meishi2.jpg" /> ? ? ? ? ? ? ? ? ? ?<p>生煎包</p> ? ? ? ? ? ? ? ?</li>
? ? ? ? ? ??????<li> ? ? ? ? ? ? ? ???????<img src="images/meishi3.jpg" /> ? ? ? ? ? ? ? ? ? ?<p>蔥油餅</p> ? ? ? ? ? ? ? ?</li> ? ?
? ? ? ? ? ??????<li> ? ? ? ? ? ? ? ???????<img src="images/meishi4.jpg" /> ? ? ? ? ? ? ? ? ? ?<p>鍋貼</p> ? ? ? ? ? ? ? ?</li> ? ? ? ? ? ?????????<li> ? ? ? ? ? ? ? ???????<img src="images/meishi5.jpg" /> ? ? ? ? ? ? ? ? ? ?<p>白斬雞</p> ? ? ? ? ? ? ? ?</li>
? ? ? ? ? ??????<li> ? ? ? ? ? ? ? ???????<img src="images/meishi6.jpg" /> ? ? ? ? ? ? ? ? ? ?<p>醬鴨</p> ? ? ? ? ? ? ? ?</li> ? ?
? ? ? ? ? ??????<li> ? ? ? ? ? ? ? ???????<img src="images/meishi7.jpg" /> ? ? ? ? ? ? ? ? ? ?<p>排骨年糕</p> ? ? ? ? ? ? ? ?</li> ? ? ? ? ? ?????????<li> ? ? ? ? ? ? ? ???????<img src="images/meishi8.jpg" /> ? ? ? ? ? ? ? ? ? ?<p>紅燒肉</p> ? ? ? ? ? ? ? ?</li>
? ? ? ? ? ??????<li> ? ? ? ? ? ? ? ???????<img src="images/meishi9.jpg" /> ? ? ? ? ? ? ? ? ? ?<p>糖醋小排</p> ? ? ? ? ? ? ? ?</li> ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?
? ? ? ? ? ?</ul> ? ? ? ?</div> ? ?</div></div><div> ? ?<p>上海旅游介紹</p></div></body></html>
