HTML5期末大作业：关于家乡景点介绍网页设计-------我的家乡金堂(9页) HTML+CSS+JavaScript

HTML5期末大作业：关于家乡景点介绍网页设计-------我的家乡金堂(9页) HTML+CSS+JavaScript 期末作业HTML代码学生网页课程设计期末作业下载 web网页设计制作成品

1.临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大？HTML网页作业无从下手？网页要求的总数量太多？
2.没有合适的模板？等等一系列问题。你想要解决的问题，在这篇博文中基本都能满足你的需求~
3.原始HTML+CSS+JS页面设计, web大学生网页设计作业源码，这是一个不错的网页制作，画面精明，非常适合初学者学习使用。

作品介绍

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

2.网页作品编辑：此作品为学生期末大作业网页设计题材，代码为简单学生水平 html+css 布局制作，作品下载后可使用任意HTML编辑软件（例如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++等任意HTML软件编辑修改网页）。

3.网页作品布局：网页布局整体为响应式布局、LOGO、导航、主体内容布局。子页面多种布局，兴趣爱好内容使用图片列表布局，成绩页面插入了表格，联系我们使用图片对齐方式设置了左对齐。

4.网页作品技术：使用DIV+CSS制作网页, 背景图、音乐、视频、flash、鼠标经过及选中导航变色效果、下划线、等。表单提交、评论留言，并使用JavaScript制作了表单判断（提交时表单不能为空）。

文章目录

HTML5期末大作业：关于家乡景点介绍网页设计-------我的家乡金堂(9页) HTML+CSS+JavaScript 期末作业HTML代码学生网页课程设计期末作业下载 web网页设计制作成品作品介绍一、作品展示1.首页2.特产3.旅游4.景点介绍5. 历史二、文件目录三、代码实现四、web前端(学习资料)五、源码获取六、更多源码

一、作品展示

1.首页

2.特产

3.旅游

4.景点介绍

5. 历史

二、文件目录

三、代码实现

<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><title>Bootstrap 101 Template</title><link href="/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet"><link rel="stylesheet" href="css/index.css"></head><body><nav class="navbar navbar-default"><div class="container-fluid"><div class="navbar-header"><button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"><span class="sr-only">Toggle navigation</span></button><a class="navbar-brand" href="index.html" target="_black">Jingtang</a></div><div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"><ul class="nav navbar-nav"><li><a href="humanity .html">人文</a></li><li><a href="specialty.html">特产</a></li><li><a href="travel.html">旅游</a></li><li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">更多 <span class="caret"></span></a><ul class="dropdown-menu"><li><a href="/search/%E9%87%91%E5%A0%82%E5%8E%BF/@11633582.6354635,3574840.88,11.88z?querytype=s&wd=%E9%87%91%E5%A0%82%E5%8E%BF&c=627&provider=pc-aladin&pn=0&device_ratio=1&da_src=shareurl" target="_black">地图导航</a></li><li><a href="notFound.html">Another action</a></li><li><a href="notFound.html">Something else here</a></li><li role="separator" class="divider"></li><li><a href="notFound.html">Separated link</a></li><li role="separator" class="divider"></li><li><a href="notFound.html">One more separated link</a></li></ul></li></ul><form class="navbar-form navbar-right"><div class="form-group"><input type="text" class="form-control" placeholder="Search"></div><button type="submit" class="btn btn-default">Submit</button></form></div></div></nav></div><div class="content"><h1>走进金堂</h1><hr><div id="myCarousel" class="carousel slide" data-ride="carousel"><ol class="carousel-indicators"><li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li><li data-target="#carousel-example-generic" data-slide-to="1"></li><li data-target="#carousel-example-generic" data-slide-to="2"></li></ol><div class="carousel-inner" role="listbox"><div class="item active"><img src="img/index1.jpg" alt="金堂风景"><div class="carousel-caption">金堂风景</div></div><div class="item"><img src="img/index2.jpg" alt="金堂风景"><div class="carousel-caption">金堂风景</div></div><div class="item"><img src="img/index3.jpg" alt="金堂风景"><div class="carousel-caption">金堂风景</div></div></div><a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"><span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span><span class="sr-only">Previous</span></a><a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"><span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span><span class="sr-only">Next</span></a></div><div class="mediastyle"><video src="media/走进金堂.mp4" controls="controls" id="video"></video><p class="text">金堂县地处成都平原东北部，幅员面积1155.62平方公里，辖6个街道，10个镇，幅员面积较大的两个镇（街道）是淮口街道和竹篙镇，面积均超过了100平方公里，幅员面积最小的是土桥镇，面积40.04平方公里。全县辖村（社区）232个，其中城市社区14个，农村社区54个，建制村164个，村民小组5049个。</p><p><a href="http://www./jtxmhwz/c106407/zjjt.shtml" class="btn btn-primary" role="button">了解更多</a></p></div> </div><footer class="footer"><div class="container">页面制作于，作者：planetes。</div></footer><script src="/npm/jquery@1.12.4/dist/jquery.min.js"></script><script src="/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script><script>$(function(){//轮播切换时间设置为2秒，默认是5秒$('#myCarousel').carousel({interval:2000,})//点击播放轮播图下方小圆点可以改变轮播图片$('#myCarousel li').click(function(){var index=$(this).attr("data-slide-to")$('#myCarousel').carousel(parseInt(index))})})</script></body></html>

四、web前端(学习资料)

web前端零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)

适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站

五、源码获取

❉关注我以上内容技术相关问题可以相互学习，可在V幸公Z号 >>> web前端小日记👇🏻👇🏻👇🏻获取更多源码 👇🏻👇🏻👇🏻 !

六、更多源码

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