15158846557 在线咨询 在线咨询
15158846557 在线咨询
所在位置: 首页 > 营销资讯 > 网站运营 > HTML做一个简单漂亮的宠物网页(纯html代码) 带视频 带音乐 带报告

HTML做一个简单漂亮的宠物网页(纯html代码) 带视频 带音乐 带报告

时间:2023-07-23 12:30:01 | 来源:网站运营

时间:2023-07-23 12:30:01 来源:网站运营

HTML做一个简单漂亮的宠物网页(纯html代码) 带视频 带音乐 带报告:> ⛵ 源码获取 文末联系

Web前端开发技术 描述 网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 宠物网页设计 | 保护动物网页 | 鲸鱼海豚主题 | 保护大象 | 等网站的设计与制作 | HTML宠物网页设计 | HTML期末大学生网页设计作业
  1. HTML:结构
  2. CSS:样式 在操作方面上运用了html5和css3, 采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识
  3. JavaScript:做与用户的交互行为
@TOC


前端学习路线

(1)html文件:其中index.html是首页、其他html为二级页面; (2)css文件:css全部页面样式,文字滚动, 图片放大等; (3)js文件:js实现动态轮播特效, 表单提交, 点击事件等等(网页中运用到js代码)

网页基本结构

(1)首页:进入网页中看到的第一个页面(LOGO、公司名称、导航、banner、新闻、相关信息、底部信息、banner一般是5个   (2)二级页面:从首页点击进入之后的页面叫做二级页面 (3)三级页面:从二级页面点击进入的页面

网页html:网页是构成网站的基本元素,是承载各种网站应用的平台。通俗地说,网站就是由网页组成的 首页网站:首页是一个网站的入口网页,故往往会被编辑得易于了解该网站多数作为首页的文件名是index加上扩展名 导航菜单:是指位于页面顶部或者侧边区域的,也称之为导航栏,它起着链接站点或者软件内的各个页面的作用. 网页页脚:是网页中每个页面的底部的区域。常用于显示附加信息。如作者、备案号等。


网页演示




在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述



HTML结构代码

<!doctype html><html><head><meta charset="utf-8"><title>熙熙宠物网</title><link rel="stylesheet" href="css/熙熙宠物网.css"></head><body><div class="box"><div class="top"> <ul class="left"> <li><a href="#">品种</a></li> <li><a href="#">狗狗</a></li> <li><a href="#">猫咪</a></li> </ul> <ul class="right"> <li><a href="#">更多</a></li> <li><a href="#">注册</a></li> <li><a href="登录页面.html" target="_blank">登录</a></li> </ul></div><div class="header"> <img src="img/logo1.png" width="110" height="100" alt="1"> <p class="xixi">熙熙宠物</p> <input type="text" value="哈士奇" class="header1"> <div class="header3" style="color: black"> <p class="remen">热门搜索:<a href="#" style="color: black">加菲猫</a> <a href="#" style="color: black">哈士奇</a> <a href="#" style="color: black">金毛</a> <a href="#" style="color: black">雪纳瑞</a> <a href="#242323" style="color: black">更多...</a></p> </div> <div class="header2"><p class="sousuo"><a href="#">搜索</a></p></div></div><div class="menu"> <ul class="menu1"> <li><a href="#">首页</a></li> <li><a href="#">品种</a></li> <li><a href="#">市场</a></li> <li><a href="图片.html" target="_blank">图片</a></li> <li><a href="#">视频</a></li> <li><a href="#">文章</a></li> <li><a href="问答.html" target="_blank">问答</a></li> <li><a href="#">论坛</a></li> </ul></div><div class="banner"> <div class="banner1"> <table width="970" height="361" border="1" align="center" cellspacing="0" class="banner2"> <tr height="58" align="center"> <td><a href="#">热门推荐</a></td> <td><a href="#">可爱萌狗</a></td> <td><a href="#">猛犬</a></td> <td><a href="#">世界名犬</a></td> <td><a href="#">猫咪</a></td> <td><a href="#">仓鼠</a></td> <td><a href="#">乌龟</a></td> <td><a href="#">爬宠</a></td> <td><a href="#">鸟类</a></td> <td><a href="#">兔子</a></td> <td><a href="#">大全</a></td> </tr> <tr height="58" align="center"> <td colspan="8" align="center"> 小型犬: <a href="#">柯基犬</a> <a href="#">巴哥犬</a> <a href="#">雪纳瑞</a> <a href="#">贵宾犬</a> <a href="#">等等</a> </td> <td rowspan="2" colspan="3" align="center"> <span style="font-size: 30px"><a href="#">买宠</a></span> </td> </tr> <tr height="58" align="center"> <td colspan="8" align="center"> 中型犬: <a href="#">哈士奇</a> <a href="#">拉布拉多</a> <a href="#">柴犬</a> <a href="#">萨摩耶</a> <a href="#">等等</a> </td> </tr> <tr height="58" align="center"> <td colspan="8" align="center"> 大型犬: <a href="#">阿拉斯加</a> <a href="#">金毛</a> <a href="#">秋田犬</a> <a href="#">德国牧羊犬</a> <a href="#">等等</a> </td> <td rowspan="2" colspan="3" align="center"> <span style="font-size: 30px"><a href="#">服务</a></span> </td> </tr> <tr height="58" align="center"> <td colspan="8" align="center"> 短毛猫: <a href="#">英短猫</a> <a href="#">美短猫</a> <a href="#">加菲猫</a> <a href="#">折耳猫</a> <a href="#">等等</a> </td> </tr> <tr height="58" align="center"> <td colspan="8" align="center"> 长毛猫: <a href="#">波斯猫</a> <a href="#">森林猫</a> <a href="#">布偶猫</a> <a href="#">巴厘猫</a> <a href="#">等等</a> </td> <td colspan="3" align="center"> <span style="font-size: 30px"><a href="#">其他</a></span> </td> </tr> </table> </div> <div class="zhong"> <div class="zhong1"> <a href="#"> <img src="img/7.jpg" alt=""/> </a> </div> <div class="zhong2"> <a href="#"> <img src="img/8.jpg" alt=""/> </a> </div> <div class="zhong3"> <a href="#"> <img src="img/9.jpg" alt=""/> </a> </div> </div> <div class="xia1"> <p class="xia1-1"> <span class="noon1">文章---养宠常识</span> </p> <div class="xia1-2"> <ul class="noon2"> <li><a href="#">柴犬能吃什么水果 柴犬能吃的水果原来这么多</a></li> <li><a href="#">柯基犬掉毛吗 狗狗都有掉毛现象</a></li> <li><a href="#">哈士奇的智商 非常可爱狡猾的狗狗</a></li> <li><a href="#">英国短毛猫的习性 没有太苛刻的要求</a></li> <li><a href="#">德文卷毛猫的知识送给养猫的新新手</a></li> <li><a href="#">养猫宝典:怎么样让猫咪训练到很温顺听话</a></li> </ul> </div> </div> <div class="xia2"> <p class="xia2-1"> <span class="noon3">宠物论坛</span> </p> <div class="xia2-2"> <ul class="noon4"> <li><span class="q1">01</span><a href="#">哈士奇论坛</a></li> <li><span class="q2">02</span><a href="#">柯基论坛</a></li> <li><span class="q3">03</span><a href="#">金毛论坛</a></li> <li><span class="q4">04</span><a href="#">柴犬论坛</a></li> <li><span class="q5">05</span><a href="#">波斯猫论坛</a></li> <li><span class="q6">06</span><a href="#">孟买猫论坛</a></li> </ul> </div> </div> <div class="xia3"> <p class="xia3-1"> <span class="noon5">关于宠物</span> </p> <div class="xia3-2"> <ul class="noon6"> <li><a href="#">宠物健康</a> <a href="#">宠物饮食</a></li> <li><a href="#">季节生活</a> <a href="#">作息规律</a></li> <li><a href="#">疾病健康</a></li> </ul> </div> </div> <div class="xia4"> <p class="xia4-1"> <span class="noon7">友情链接</span> </p> <div class="xia4-2"> <ul class="noon8"> <li><a href="#">秀宠网</a> <a href="#">宠物大全</a></li> <li><a href="#">宠物展会</a> <a href="#">宠物社区</a></li> <li><a href="#">宠仔圈</a> <a href="#">动物星球</a></li> <li><a href="#">TOM生活</a></li> </ul> </div> </div></div><div class="footer"> <ul class="footer1"> <li><a href="#">关于我们</a></li> <li><a href="#">联系方式</a></li> <li><a href="#">帮助中心</a></li> <li><a href="#">商务合作</a></li> <li><a href="#">意见反馈</a></li> </ul> <div class="footer2" style="color:#CDCBCB"> 版权所有:熙熙宠物 xxx </div> <div class="footer3"><img src="img/logo1.png" width="60" height="60" alt="1"></div></div></div></body></html>

学的反而越迷茫

有这种感觉很正常,因为你还没有真正去公司里面待过,也不清楚自己到底要学多少东西才能胜任公司里面给你分配的活。我从你的表述来看,你的基础应该还是很扎实的。跟着网上那种全套的视频教程学肯定没有问题。

当你以后真正进入公司,发现工作的难度和量大约只有你学习时期的大约20%,你可能就会发出一声叹息:原来工作也不过如此嘛。

这是很正常的,因为大部分公司是招你进去去干活的,写业务的,不是让你一个新人去研发公司架构的。都是现成的东西,你要做的就是在别人的教导下,手把手的指挥下去添砖加瓦。到时候你恐怕要惊呼:就这?

所以,放松心态吧,好好享受大学时光 —————————————————


学习更多

关注我 | 点赞博文 | 每天带你涨知识





在这里插入图片描述


关键词:视频,报告,简单,漂亮,带音

74
73
25
news

版权所有© 亿企邦 1997-2025 保留一切法律许可权利。

为了最佳展示效果,本站不支持IE9及以下版本的浏览器,建议您使用谷歌Chrome浏览器。 点击下载Chrome浏览器
关闭