HTML5期末大作业：宠物之家网站设计——代码质量好宠之家(5页) HTML+CSS+JavaScript web期末作业设计网页

常见网页设计作业题材有 个人、美食、公司、学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、明星、服装、体育、化妆品、物流、环保、书籍、婚纱、军事、游戏、节日、戒烟、电影、摄影、文化、家乡、鲜花、礼品、汽车、其他 等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!

获取更多源码

PC电脑端关注我们

🧡作者主页-更多源码

🧡HTML期末大作业文章专栏

作品介绍

1.网页作品简介 ：HTML期末大学生网页设计作业 A+水平 ,喜欢的可以下载，文章页支持手机PC响应式布局。

2.网页作品编辑：作品下载后可使用任意HTML编辑软件（如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++ 等任意HTML软件编辑修改网页）。

3.网页作品技术：Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等，视频、音频元素、Flash，同时设计了logo（源文件），基本期末作业所需的知识点全覆盖。

文章目录

HTML5期末大作业：宠物之家网站设计——代码质量好宠之家(5页) HTML+CSS+JavaScript web期末作业设计网页
获取更多源码
作品介绍
一、作品展示
二、文件目录
三、代码实现
四、获取更多源码
五、获取更多源码
六、学习资料
七、更多源码

一、作品展示

在这里插入图片描述

二、文件目录

在这里插入图片描述

三、代码实现


<!DOCTYPE html>
<head>
    <meta charset="utf-8" />
    <title>宠物网</title>
    <link href="css/css.css" rel="stylesheet"/>
</head>
<body>
<div class="logo">
	<a href="#"><img src="images/logo.jpg" /></a>
</div>
<div class="nav">
	<ul>
        <li><a href="index.html"><img src="images/nav1.jpg"/>首页</a></li>
        <li><a href="zhidao.html"><img src="images/nav2.jpg"/>养狗知道</a></li>
        <li><a href="jieshao.html"><img src="images/nav3.jpg"/>狗狗介绍</a></li>
        <li><a href="tuji.html"><img src="images/nav4.jpg"/>宠物图集</a></li>
        <li><a href="lingyang.html"><img src="images/nav5.jpg"/>领养宠物</a></li>
        <li><a href="liuyan.html"><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="#">泰迪</a>
        <a href="#">金毛</a>
        <a href="#">博美</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>

四、获取更多源码

🧡作者主页-更多源码
🧡HTML期末大作业文章专栏
~ 关注我，点赞博文~ 每天带你涨知识!
相关问题可以相互学习，可关注↓公Z号获取更多源码 !

五、获取更多源码

~ 关注我，点赞博文~ 每天带你涨知识!
相关问题可以相互学习，可关注↓公Z号获取更多源码 !
在这里插入图片描述

六、学习资料

web前端零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)
适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站
在这里插入图片描述

七、更多源码

HTML5期末考核大作业源码* 包含 个人、美食、公司、学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、明星、服装、体育、化妆品、物流、环保、书籍、婚纱、军事、游戏、节日、戒烟、电影、摄影、文化、家乡、鲜花、礼品、汽车、其他 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!
在这里插入图片描述