宠物主题网页 html源码 大作业
宠物主题网页 html源码 大作业
页面个数：5
使用技术：html+css
部分代码：
<!DOCTYPE html>
<head>
<meta charset="UTF-8" />
<title>宠物网站</title>
<link href="css/style.css" rel="stylesheet" />
</head>
<body>
<div id="header">
<div class="cont">
<div class="logo"><a href="#"><img src="images/logo.jpg" /></a></div>
<div class="nav">
<ul>
<li><a href="index.html">网站首页</a></li>
<li><a href="list1.html">宠物出售</a></li>
<li><a href="list2.html">宠物零食</a></li>
<li><a href="siyang.html">宠物饲养</a></li>
<li><a href="liuyan.html">在线留言</a></li>
</ul>
</div>
</div>
</div>
<div id="banner">
<img src="images/banner.jpg" />
</div>
<div id="main">
<div class="gundong">
<marquee>欢迎来到我的网站</marquee>
</div>
<div class="fenlei">
<div class="title">
<span>宠物出售</span>
<a href="list.html"> 更多>> </a>
</div>
<ul>
<li>
<a href="#"><img src="images/chushou1.jpg" /></a>
<p>哈士奇</p>
<p><span>￥1000.00</span></p>
</li>
<li>
<a href="#"><img src="images/chushou2.jpg" /></a>
<p>金毛犬</p>
<p><span>￥1000.00</span></p>
</li>
<li>
<a href="#"><img src="images/chushou3.jpg" /></a>
<p>泰迪犬</p>
<p><span>￥1000.00</span></p>
</li>
<li>
<a href="#"><img src="images/chushou4.jpg" /></a>
<p>拉布拉多</p>
<p><span>￥1000.00</span></p>
</li>
<li>
<a href="#"><img src="images/chushou5.jpg" /></a>
<p>博美犬</p>
<p><span>￥1000.00</span></p>
</li>
<li>
<a href="#"><img src="images/chushou6.jpg" /></a>
<p>布偶猫</p>
<p><span>￥1000.00</span></p>
</li>
<li>
<a href="#"><img src="images/chushou7.jpg" /></a>
<p>英国短毛猫</p>
<p><span>￥1000.00</span></p>
</li>
<li>
<a href="#"><img src="images/chushou8.jpg" /></a>
<p>波斯猫</p>
<p><span>￥1000.00</span></p>
</li>
<li>
<a href="#"><img src="images/chushou9.jpg" /></a>
<p>苏格拉折耳猫</p>
<p><span>￥1000.00</span></p>
</li>
<li>
<a href="#"><img src="images/chushou10.jpg" /></a>
<p>挪威森林猫</p>
<p><span>￥1000.00</span></p>
</li>
</ul>
</div>
<div class="fenlei">
<div class="title">
<span>宠物零食</span>
<a href="list.html"> 更多>> </a>
</div>
<ul>
<li>
<a href="#"><img src="images/lingshi1.jpg" /></a>
<p>宠物火腿肠</p>
<p><span>￥96.00</span></p>
</li>
<li>
<a href="#"><img src="images/lingshi2.jpg" /></a>
<p>宠物犬鸡肉味犬粮</p>
<p><span>￥96.00</span></p>
</li>
<li>
<a href="#"><img src="images/lingshi3.jpg" /></a>
<p>宠物零食大礼包</p>
<p><span>￥96.00</span></p>
</li>
<li>
<a href="#"><img src="images/lingshi4.jpg" /></a>
<p>宠物犬牛肉粒</p>
<p><span>￥96.00</span></p>
</li>
<li>
<a href="#"><img src="images/lingshi5.jpg" /></a>
<p>宠物犬罐头</p>
<p><span>￥96.00</span></p>
</li>
<li>
<a href="#"><img src="images/lingshi6.jpg" /></a>
<p>宠物犬磨牙棒</p>
<p><span>￥96.00</span></p>
</li>
<li>
<a href="#"><img src="images/lingshi7.jpg" /></a>
<p>宠物猫罐头</p>
<p><span>￥96.00</span></p>
</li>
<li>
<a href="#"><img src="images/lingshi8.jpg" /></a>
<p>宠物猫小鱼干</p>
<p><span>￥96.00</span></p>
</li>
<li>
<a href="#"><img src="images/lingshi9.jpg" /></a>
<p>宠物猫三文鱼块</p>
<p><span>￥96.00</span></p>
</li>
<li>
<a href="#"><img src="images/lingshi10.jpg" /></a>
<p>宠物猫金枪鱼罐头</p>
<p><span>￥96.00</span></p>
</li>
</ul>
</div>
</div>
<div id="footer">
<p>宠物网站©版权所有</p>
</div>
</body>
</html>
效果截图：
相关知识
HTML5期末大作业：宠物网站设计——布偶猫(7页)带留言板 HTML+CSS+JavaScript web结课作业的源码 web网页设计实例作业 html大学生网站开发实践作业
大学生网页设计制作作业实例代码 (全网最全,建议收藏) HTML+CSS+JS
HTML5期末大作业：宠物网站设计——蓝色版爱宠之家带留言板宠物(5页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 web学生网页设计作业源码
制作一个简单HTML宠物猫网页（HTML+CSS）
HTML做一个简单漂亮的宠物网页（纯html代码）
简单宠物网页设计作业 静态HTML动物介绍网页作业 DW宠物网站模板下载 大学生简单野生动物网页作品代码
HTML5期末大作业：宠物网(8页)网页设计作业成品 web课程设计 计算机毕设源码
HTML学生个人网站作业设计：宠物网站设计——萌宠有家(5页) HTML+CSS 简单DIV布局宠物介绍网页模板代码 DW学生个人网站制作成品下载
使用HTML制作静态宠物网站——蓝色版爱宠之家(HTML+CSS)
Web课程设计：宠物网站设计——萌宠有家(5页) HTML+CSS 简单DIV布局宠物介绍网页模板代码
网址: 宠物主题网页 html源码 大作业 https://m.mcbbbk.com/newsview55810.html
| 上一篇: 国内首个宠物主题跨境自驾游，你想 |
下一篇: 部落冲突宠物主题海报曝光：战宠相 |
