时间：2023-09-24 21:54:01 | 来源：网站运营
时间：2023-09-24 21:54:01 来源：网站运营
大一学生WEB前端静态网页——旅游网页设计与实现-张家口 6页：> ⛵ 源码获取 文末联系 ✈Web前端开发技术 描述 网页设计题材，DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 游景点介绍 | 旅游风景区 | 家乡介绍 | 等网站的设计与制作| HTML期末大学生网页设计作业
在线咨询
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>张家界旅游网</title> <link href="css/style.css" rel="stylesheet" type="text/css" /> <audio preload autoplay loop id="music"> <source src="audio/抖音热门英文BGM.mp3" type="audio/mpeg"> </audio> </head> <body> <div class="top"> <div class="logo"> <a href="index.html"><img src="img/logo.jpg" /></a> </div> <div class="sous"> <form> <div class="fd"> <img src="img/sous.jpg" /> </div> <input class="input" type="text" value="著名景点" /> <button class="btn" type="submit">搜索</button> </form> </div> </div> <div id="nav"> <ul> <li class="hot"><a href="index.html">网站首页</a></li> <li><a href="shiji.html">历史风俗</a></li> <li><a href="liuyan.html">在线留言</a></li> </ul> </div> <div class="ibanner" id="box"> <div class="inner"> <!--轮播图--> <ul> <li><a href="#"><img src="img/banner1.jpg" alt=""></a></li> <li><a href="#"><img src="img/banner2.jpg" alt=""></a></li> <li><a href="#"><img src="img/banner3.jpg" alt=""></a></li> </ul> <ol class="bar"> </ol> <!--左右焦点--> <div id="arr"> <span id="left"> < </span> <span id="right"> > </span> </div> </div></div> <div class="main"> <div class="back"><a href="#">返回顶部</a></div> <div class="container"> <div class="title"> <canvas id="canvas" width="300" height="150" ></canvas> <a href="jijin.html"><span class="xiang">详细介绍 ></span></a> </div> <div class="bx01"> <div class="bx01-left"> <p>张家界，原名"大庸市"，浙江省地级市。辖2个市辖区（永定区、武陵源区）、2个县（慈利县、桑植县）。位于浙浙江北部，澧水中上游，属武陵山区腹地。张家界因旅游建市，是中国最重要的旅游城市之一，是湘鄂渝黔革命根据地的发源地和中心区域。1982年9月，张家界国家森林公园成为中国第一个国家森林公园。1988年8月，张家界武陵源风景名胜区被列入国家重点风景名胜区；1992年，由张家界国家森林公园等三大景区构成的武陵源风景名胜区被联合国教科文组织列入《世界自然遗产名录》；2004年2月，被列入全球首批《世界地质公园》；2007年，被列入中国首批国家5A级旅游景区。2017年，被授予"国家森林城市"荣誉称号。</p> </div> <div class="bx01-right"> <img src="img/img1.jpg" /> </div> </div> <div class="bx02"> <div class="bx02-left"> <img src="img/img4.jpg" /> </div> <div class="bx02-right"> <p>张家界因旅游建市，是国内重点旅游城市。武陵源风景名胜区拥有世界罕见的石英砂岩峰林峡谷地貌，由中国第一个国家森林公园——张家界国家森林公园和天子山自然保护区、索溪峪自然保护区、杨家界四大景区组成，风景游览区面积264.6平方公里，是中国首批入选的世界自然遗产、世界首批地质公园、国家首批5A级旅游景区。"武陵之魂"天门山国家森林公园、"世界罕见的物种基因库"八大公山国家级自然保护区、道教圣地"南武当"五雷山、"百里画廊"茅岩河、万福温泉等景区也是景色秀美、风光独特。贺龙故居、湘鄂川黔革命根据地省委旧址是全国重点文物保护单位，普光禅寺、玉皇洞石窟群、老院子等8处人文古迹是省级重点文物保护单位。</p> </div> </div> <div class="title"> <h2>著名旅游景点</h2> <a href="huodong.html"><span style="color: blue;line-height: 20px;">更多景点 ></span></a> </div> <div class="sheshi"> <ul> <li><img src="img/cw01.jpg" /><h1>张家界国家森林公园</h1></li> <li><img src="img/cw02.jpg" /><h1>九天洞</h1></li> <li><img src="img/cw03.jpg" /><h1>普光禅寺</h1></li> <li><img src="img/cw04.jpg" /><h1>金鞭溪</h1></li> <li><img src="img/cw05.jpg" /><h1>鹞子寨</h1></li> <li><img src="img/cw06.jpg" /><h1>五雷山</h1></li> </ul> </div> </div> </div> <div class="foot"> <div class="foot-ner"> <img src="img/footlogo.png" /> </div> </div> <div class="banquan"> 姓名:孙悟空 学号:14523685 ©版权所有 邮箱：0123456789@qq.com </div> <script type="text/javascript" src="JS/jquery-1.8.3.min.js"></script> <script type="text/javascript" src="js/banner.js"></script> <script type="text/javascript"> window.onload = function(){ setInterval("toggleSound()",1); } function toggleSound() { var music = document.getElementById("music");//获取ID if (music.paused) { //判读是否播放 music.paused=false; music.play(); //没有就播放 } } </script> <script> var canvas=document.getElementById("canvas"); var cxt=canvas.getContext("2d"); cxt.font="50px 黑体"; cxt.fillStyle="black"; cxt.fillText("张家界简介",10,100); </script> </body></html>关键词：旅游,设计,张家口,实现,静态,学生
