HTML5期末大作业:宠物之家网站设计——代码质量好宠之家(5页) HTML+CSS+JavaScript
<h 作品介绍>
1.网页作品简介
:HTML期末大学生网页设计作业 A+水平 ,喜欢的可以下载,文章页支持手机PC响应式布局。
2.网页作品编辑
:作品下载后可使用任意HTML编辑软件(如:DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++
等任意HTML软件编辑修改网页)。
3.网页作品技术
:Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等,视频、 音频元素 、Flash,同时设计了logo(源文件),基本期末作业所需的知识点全覆盖。
一、作品展示



二、文件目录

三、代码实现
<!DOCTYPE html><head> <meta charset="utf-8" /> <title>宠物网</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"/>养狗知道</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"/>领养宠物</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>忠实、沉着、聪明、和小孩一起让人放心,永远自足快乐,对侵入者戒心强,适合郊区生活。原先是当搬运工的,现在是红得发紫啊。拉布拉多猎犬的嗅觉优异,二次世界大战时被用来寻找地雷,现在则用作警犬,嗅闻找出非法药物。</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>哈士奇犬的典型性格为友好,温柔,警觉并喜欢交往。它不会呈现出护卫犬强烈的领地占有欲,不会对陌生人产生过多的怀疑,也不会攻击其他犬类。</p> <img src="images/jieshao4.jpg"> <p><b>博美犬</b></p> <p>博美犬有华丽的被毛,不仅需要定期修剪也要每天梳理,并不适合忙碌的人。但作为小型犬,博美还是很好的家庭伴侣。</p> <img src="images/jieshao5.jpg"> </div><div class="footer"><p>宠物网</p></div></body></html>