當(dāng)前位置：首頁(yè) > 前端技术 > HTML >内容正文

HTML

HTML期末作业-家乡网站

發(fā)布時(shí)間：2025/3/15 HTML 33 豆豆

生活随笔收集整理的這篇文章主要介紹了 HTML期末作业-家乡网站小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

?HTML期末作業(yè)課程設(shè)計(jì)期末大作業(yè)-家鄉(xiāng)網(wǎng)站

<!DOCTYPE HTML> <html> <head> <title>榆林子州</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="keywords" content="Transit Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" /> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script> <link href="css/bootstrap.css" rel='stylesheet' type='text/css' />  <link href="css/style.css" rel='stylesheet' type='text/css' /> <script src="js/jquery-1.11.1.min.js"> </script> <script type="text/javascript">jQuery(document).ready(function($) {$(".scroll").click(function(event){ event.preventDefault();$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);});}); </script> </head> <body><div class="banner"><div class="container"><div class="header"><div class="logo"><a href="index.html">榆林子州</a></div><div class="icons"><ul><li><a href="#" class="facebook"> </a></li><li><a href="#" class="facebook twitter"> </a></li><li><a href="#" class="facebook chrome"> </a></li><li><a href="#" class="facebook dribbble"> </a></li></ul></div><div class="clearfix"> </div></div><div class="top-nav"><span class="menu">菜單</span><ul class="nav1"><li><a href="index.html" class="active">子州簡(jiǎn)介</a></li><li><a href="history.html">文化歷史</a></li><li><a href="accomdation.html">住宿</a></li><li><a href="food.html">子州美食</a></li><li><a href="#news" class="scroll">景區(qū)公告</a></li><li><a href="contact.html">聯(lián)系我們</a></li></ul><script>$( "span.menu" ).click(function() {$( "ul.nav1" ).slideToggle( 300, function() {// Animation complete.});});</script></div></div><div class="banner-text"><div class="container"><ul><li>子洲縣位于陜北黃土高原丘陵溝壑區(qū)腹地，榆林市南緣，為紀(jì)念革命烈士李子洲而命名。</li></ul></div></div></div> <div class="banner-top-slide"><div class="banner-bottom-top"><h4>全民抗疫</h4><p>團(tuán)結(jié)一致，萬眾一心，早日戰(zhàn)勝疫情，武漢加油，中國(guó)加油</p></div><div class="banner-bottom-bottom"><div class="banner-top-slide-grids"><script src="js/responsiveslides.min.js"></script><script>// You can also use "$(window).load(function() {"$(function () {// Slideshow 4$("#slider3").responsiveSlides({auto: true,pager: true,nav: false,speed: 500,namespace: "callbacks",before: function () {$('.events').append("<li>before event fired.</li>");},after: function () {$('.events').append("<li>after event fired.</li>");}});});</script><div id="top" class="callbacks_container"><ul class="rslides" id="slider3"><li><div class="banner-slid"><h3>同舟共濟(jì)</h3><p>居家隔離，減少外出，就是最好的防護(hù);</br>聽從號(hào)召盡量待在家中，不串門不聚會(huì);</br>正確佩戴口罩，做好防護(hù)，養(yǎng)成良好衛(wèi)生習(xí)慣。</p></div></li><li><div class="banner-slid"><h3>堅(jiān)定信心</h3><p>科學(xué)宣傳疫情防護(hù)知識(shí)，提高公眾自我保護(hù)意識(shí);</br>加強(qiáng)防控，一起加油。眾志成城，抗擊疫情;</br>疫情就是命令，防控就是責(zé)任。</p></div></li></ul></div></div></div></div><div class="welcome"><div class="container"><div class="welcome-info"><h3>Hello there!</h3><h5>新的一年，打卡子州的正確姿勢(shì)</h5><h4>你要不要跟我走？  <a href="follow-me.html">嗯，點(diǎn)這里>></a></h4></div></div></div><div class="copyrights">Collect from </div><div class="banner-bottom"><div class="container"><div class="banner-bottom-info"><h3>子州過年習(xí)俗</h3><p>陜北的春節(jié)，各種民俗活動(dòng)異彩紛呈，鬧秧歌，廟會(huì)，打醮，說書等百花齊放，可謂是熱鬧非凡<a href="handie.html">更多>></a></p></div><div class="banner-bottom-grids"><div class="col-md-6 banner-bottom-grid"><div class="col-md-5 banner-bottom-left"><img src="images/xs1.jpg" alt=""></div><div class="col-md-7 banner-bottom-right"><h4>秧歌朝拜佛祖</h4><p>打醮本是道士設(shè)壇為人做法事，求福禳災(zāi)的一種法事活動(dòng)。一般是在冬天農(nóng)事告一段落的時(shí)候，農(nóng)民們?yōu)榱烁兄x神靈帶來一年的收獲，祈求上蒼賜福庇佑來年風(fēng)調(diào)雨順、五谷豐登，消災(zāi)免難，吉祥安康，而舉行各種祭祀活動(dòng)，而打醮便是其中的一項(xiàng)重要的活動(dòng)。</p></div><div class="clearfix"> </div></div><div class="col-md-6 banner-bottom-grid"><div class="col-md-5 banner-bottom-left"><img src="images/xs2.jpg" alt=""></div><div class="col-md-7 banner-bottom-right"><h4>轉(zhuǎn)幡</h4><p>在眾多的祭祀活動(dòng)中，轉(zhuǎn)幡也是一項(xiàng)規(guī)模比較大的佛事活動(dòng)。轉(zhuǎn)幡也稱祭幡，就是凡來參加祭事活動(dòng)的村民都要手執(zhí)法器、排例成行、跟隨佛教居士在空闊平整的地上圍繞著栽在地上的綁著一把朝向天空的高高在上的掃帚旋轉(zhuǎn)，綁著的掃帚謂之“掃天晴”。</p></div><div class="clearfix"> </div></div><div class="clearfix"> </div></div></div></div><div id="news" class="news"><div class="container"><div class="news-text"><h3>子州景區(qū)</h3><p>因外界各種原因給您帶來的麻煩，我們?cè)诖烁械缴钌畹谋?#xff0c;感謝您的諒解，祝您游玩愉快！</p></div><div class="news-grids"><div class="col-md-3 news-grid"><h4>子洲西峰寺</h4><span>2020.02.07</span><img src="images/ticket.jpg" alt=""><div class="news-info"><p>子洲縣瓜園則灣鄉(xiāng)政府東北2公里處有一塊山地，名叫蘆草壇，其上有一西峰寺，依山而建。北臨乏牛山，西北與柏全山相望。蘆草壇雖不雄偉壯觀，卻也峻峭，人若站于其頂眺望，視野倒也開闊，更因其西峰寺而遐邇聞名。西峰寺坐西北面東南，占地約3畝，一個(gè)獨(dú)院。正殿由三孔拱形洞組成，純磚結(jié)構(gòu)，頂呈硬山式，用黃色琉璃瓦鋪頂，飛檐翹角，獸頭獨(dú)尊，遙遙相望，頂上中有三層小0，獨(dú)特精致,引人注目。正殿走廊四柱支撐，朱柱彩壁，畫棟雕梁，十分生動(dòng)。</p></div></div><div class="col-md-3 news-grid"><h4>子洲大洪寺</h4><span>2020.02.07</span><img src="images/ticket.jpg" alt=""><div class="news-info"><p>子洲城西五里大理河北岸有大洪寺。“據(jù)廟內(nèi)碑記載，明景泰初年，信士諸公創(chuàng)修廟于底石崖，延及成化年間乃修葺于中峰之巔，后世多次重修，1917年——1920年再重修葺”。(1958年文物普查記錄)其寺?lián)褚延?50多年的歷史了。大洪寺面南而建，與大理河南岸之青龍山、克戎寨(今張家寨)遙遙相對(duì)。</p></div></div><div class="col-md-3 news-grid"><h4>淮寧河</h4><span>2020.02.07</span><img src="images/ticket.jpg" alt=""><div class="news-info"><p>淮寧河無定河，陜北最著名的一條河。它從遙遠(yuǎn)的三邊高原西南部的白于山脈奔騰而來，它在陡峭的石壁間、狹窄的河谷里咆哮沖撞，奪路東下，在莽莽的山溝大川上，又有無數(shù)的大河小溪從四面八方匯入了它博大的懷抱。淮寧河，就是這無數(shù)支流中的一條河流。它發(fā)源于子長(zhǎng)縣石家灣鄉(xiāng)高柏山麓的棗樹畔村，流經(jīng)子長(zhǎng)、子洲、綏德三縣的十個(gè)鄉(xiāng)鎮(zhèn)，近百個(gè)村莊，最后從綏德縣鄧家樓村入無定河，全長(zhǎng)85．2公里，流域總面積1222平方公里。</p></div></div><div class="col-md-3 news-grid"><h4>子洲柏全山</h4><span>2020.02.07</span><img src="images/ticket.jpg" alt=""><div class="news-info"><p>柏全山位于瓜園則灣鄉(xiāng)政府駐地南3公里處。據(jù)傳說，此山曾有4株枝葉繁茂的大柏樹，故名柏全山。柏全山北高南低，山巔上有一古廟，主奉天皇、地皇、人皇，簡(jiǎn)稱為“三皇廟”。坐北面南，正殿為三孔硬山形頂拱式磚窯，整個(gè)寺院雖然面積不大，但布局合理，層次分明，有泥塑五十余尊，保持有晚清風(fēng)格。</p></div></div><div class="clearfix"> </div></div></div></div><div class="footer"><div class="container"><div class="col-md-6 footer-left"><h3>聯(lián)系我們</h3><form><input type="text" placeholder="電子郵件,例如1435469178@qq.com" required=""><input type="submit" value="提交"></form></div><div class="col-md-3 footer-middle"><h3>地址</h3><div class="address"><p>陜北黃土高原丘陵溝壑區(qū)腹地<span>榆林市南緣</span></p></div><div class="phone"><p>0573-88731088</p></div></div> <div class="col-md-3 footer-right"><div class="f-logo"><a href="index.html">榆林子州</a></div><p>陜北黃土高原丘陵溝壑區(qū)腹地，榆林市南緣</p></div><div class="clearfix"> </div> </div></div><div class="copyright"><div class="container"><div class="copyright-left"><p>Copyright © 2020.All rights reserved. -JMX-designed for<a href="index.html" target="_blank" title="子州">子州旅游</a></p></div></div></div> </body> </html>

部分網(wǎng)頁(yè)截圖

總結(jié)

以上是生活随笔為你收集整理的HTML期末作业-家乡网站的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。

上一篇： Java高级语法笔记-向上层抛出异常
下一篇：网站建设：部署与发布