HTML5期末大作業(yè)：寵物之家網(wǎng)站設(shè)計——代碼質(zhì)量好寵之家(5頁) HTML+CSS+JavaScript
<h 作品介紹>
1.網(wǎng)頁作品簡介?：HTML期末大學(xué)生網(wǎng)頁設(shè)計作業(yè) A+水平 ,喜歡的可以下載，文章頁支持手機(jī)PC響應(yīng)式布局。
2.網(wǎng)頁作品編輯：作品下載后可使用任意HTML編輯軟件（如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++?等任意HTML軟件編輯修改網(wǎng)頁）。
3.網(wǎng)頁作品技術(shù)：Div+CSS、鼠標(biāo)滑過特效、Table、導(dǎo)航欄效果、banner、表單、二級三級頁面等，視頻、 音頻元素 、Flash，同時設(shè)計了logo（源文件），基本期末作業(yè)所需的知識點(diǎn)全覆蓋。
一、作品展示
二、文件目錄
三、代碼實現(xiàn)
<!DOCTYPE html><head> ? ?<meta charset="utf-8" /> ? ?<title>寵物網(wǎng)</title> ? ?<link href="css/css.css" rel="external nofollow" ?rel="stylesheet"/></head><body><div class="logo"><a href="#" rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ><img src="images/logo.jpg" /></a></div><div class="nav"><ul> ? ? ? ?<li><a href="index.html" rel="external nofollow" ><img src="images/nAV1.jpg"/>首頁</a></li> ? ? ? ?<li><a href="zhidao.html" rel="external nofollow" ><img src="images/nAV2.jpg"/>養(yǎng)狗知道</a></li> ? ? ? ?<li><a href="jieshao.html" rel="external nofollow" ><img src="images/nAV3.jpg"/>狗狗介紹</a></li> ? ? ? ?<li><a href="tuji.html" rel="external nofollow" ><img src="images/nAV4.jpg"/>寵物圖集</a></li> ? ? ? ?<li><a href="lingyang.html" rel="external nofollow" ><img src="images/nAV5.jpg"/>領(lǐng)養(yǎng)寵物</a></li> ? ? ? ?<li><a href="liuyan.html" rel="external nofollow" ><img src="images/nAV6.jpg"/>在線留言</a></li> ? ?</ul></div><div class="topsite"><div class="sear" > ? ? ? ?<input type="text" class="text"/> ? ? ? ?<input type="button" class="btn" value="搜索"> ? ?</div> ? ?<div class="link"> ? ? <span>熱門搜索：</span><a href="#" rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" >泰迪</a> ? ? ? ?<a href="#" rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" >金毛</a> ? ? ? ?<a href="#" rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" >博美</a> ? ?</div></div><div class="jieshao"><h2>狗狗介紹</h2> ? ?<p><b>拉布拉多犬</b></p> ? ?<p>忠實、沉著、聰明、和小孩一起讓人放心，永遠(yuǎn)自足快樂，對侵入者戒心強(qiáng)，適合郊區(qū)生活。原先是當(dāng)搬運(yùn)工的，現(xiàn)在是紅得發(fā)紫啊。拉布拉多獵犬的嗅覺優(yōu)異，二次世界大戰(zhàn)時被用來尋找地雷，現(xiàn)在則用作警犬，嗅聞?wù)页龇欠ㄋ幬铩?lt;/p> ? ?<img src="images/jieshao1.jpg"> ? ?<p><b>薩摩耶犬</b></p> ? ?<p>《北方的那努克》里面就有這種可愛的狗狗。不僅很耐寒還很耐熱，是一種深情的伴侶犬，有它的陪伴你會感覺到很溫馨.</p> ? ?<img src="images/jieshao2.jpg"> ? ?<p><b>松獅</b></p> ? ?<p>別以為那融融的熊人毛會是很好抱的，它們通常都會令你失望因為它們不太喜歡給人逗著玩的</p> ? ?<img src="images/jieshao3.jpg"> ? ?<p><b>哈士奇</b></p> ? ?<p>哈士奇犬的典型性格為友好，溫柔，警覺并喜歡交往。它不會呈現(xiàn)出護(hù)衛(wèi)犬強(qiáng)烈的領(lǐng)地占有欲，不會對陌生人產(chǎn)生過多的懷疑，也不會攻擊其他犬類。</p> ? ?<img src="images/jieshao4.jpg"> ? ?<p><b>博美犬</b></p> ? ?<p>博美犬有華麗的被毛，不僅需要定期修剪也要每天梳理，并不適合忙碌的人。但作為小型犬，博美還是很好的家庭伴侶。</p> ? ?<img src="images/jieshao5.jpg"> ? ? ? ? ? ? ? ?</div><div class="footer"><p>寵物網(wǎng)</p></div></body></html>
