国产成人精品无码青草_亚洲国产美女精品久久久久∴_欧美人与鲁交大毛片免费_国产果冻豆传媒麻婆精东

15158846557 或 在線咨詢 在線咨詢
15158846557 或 在線咨詢
所在位置： 首頁(yè) > 營(yíng)銷資訊 > 網(wǎng)站運(yùn)營(yíng) > HTML5期末大作業(yè)：我的家鄉(xiāng)網(wǎng)站設(shè)計(jì)——我的家鄉(xiāng)-浙江杭州(4頁(yè))

HTML5期末大作業(yè)：我的家鄉(xiāng)網(wǎng)站設(shè)計(jì)——我的家鄉(xiāng)-浙江杭州(4頁(yè))

時(shí)間：2023-10-15 05:36:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-10-15 05:36:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)

HTML5期末大作業(yè)：我的家鄉(xiāng)網(wǎng)站設(shè)計(jì)——我的家鄉(xiāng)-浙江杭州(4頁(yè))：

HTML5期末大作業(yè)：我的家鄉(xiāng)網(wǎng)站設(shè)計(jì)——我的家鄉(xiāng)-浙江杭州(4頁(yè)) HTML+CSS+JavaScript

常見網(wǎng)頁(yè)設(shè)計(jì)作業(yè)題材有 個(gè)人、 美食、 公司、 學(xué)校、 旅游、 電商、 寵物、 電器、 茶葉、 家居、 酒店、 舞蹈、 動(dòng)漫、 明星、 服裝、 體育、 化妝品、 物流、 環(huán)保、 書籍、 婚紗、 軍事、 游戲、 節(jié)日、 戒煙、 電影、 攝影、 文化、 家鄉(xiāng)、 鮮花、 禮品、 汽車、 其他 等網(wǎng)頁(yè)設(shè)計(jì)題目, A+水平作業(yè), 可滿足大學(xué)生網(wǎng)頁(yè)大作業(yè)網(wǎng)頁(yè)設(shè)計(jì)需求, 喜歡的可以下載!

獲取更多源碼

PC電腦端關(guān)注我們

作者主頁(yè)-更多源碼

HTML期末大作業(yè)文章專欄

作品介紹

1.網(wǎng)頁(yè)作品簡(jiǎn)介 ：HTML期末大學(xué)生網(wǎng)頁(yè)設(shè)計(jì)作業(yè) A+水平 ,喜歡的可以下載，文章頁(yè)支持手機(jī)PC響應(yīng)式布局。

2.網(wǎng)頁(yè)作品編輯：作品下載后可使用任意HTML編輯軟件（如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++ 等任意HTML軟件編輯修改網(wǎng)頁(yè)）。

3.網(wǎng)頁(yè)作品技術(shù)：Div+CSS、鼠標(biāo)滑過(guò)特效、Table、導(dǎo)航欄效果、banner、表單、二級(jí)三級(jí)頁(yè)面等，視頻、 音頻元素 、Flash，同時(shí)設(shè)計(jì)了logo（源文件），基本期末作業(yè)所需的知識(shí)點(diǎn)全覆蓋。

@TOC

一、作品展示







二、文件目錄







三、代碼實(shí)現(xiàn)

<!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"> <!-- 上述3個(gè)meta標(biāo)簽*必須*放在最前面，任何其他內(nèi)容都*必須*跟隨其后！ --> <title>李鷥-我的家鄉(xiāng)首頁(yè)</title> <!-- Bootstrap --> <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet"> <link rel="stylesheet" href="CSS/style.css"> <link rel="stylesheet" href="css/animate.min.css"> <!-- HTML5 shim 和 Respond.js 是為了讓 IE8 支持 HTML5 元素和媒體查詢（media queries）功能 --> <!-- 警告：通過(guò) file:// 協(xié)議（就是直接將 html 頁(yè)面拖拽到瀏覽器中）訪問(wèn)頁(yè)面時(shí) Respond.js 不起作用 --> <!--[if lt IE 9]> <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script> <![endif]--> </head> <body> <div class="wrap"> <!-- header部分 --> <div class="header"> <div class="content"> <div class="header-left"> <h3>我的家鄉(xiāng)</h3> </div> <div class="header-mid"> <ul id="nav" class="animated fadeInLeft"> <li class="active"><a href="file:///E:/桌面a/我的家鄉(xiāng)/index.html"><span>首頁(yè)</span></a></li> <li><a href="file:///E:/桌面a/我的家鄉(xiāng)/food.html" title="html"><span>美食</span></a></li> <li><a href="file:///E:/桌面a/我的家鄉(xiāng)/scenery.html" title="html"><span>景點(diǎn)</span></a></li> <li><a href="file:///E:/桌面a/我的家鄉(xiāng)/custom.html" title="html"><span>民俗</span></a></li> </ul> </div> <div class="header-right"> <a href="https://baike.baidu.com/item/杭州/128473?fr=aladdin"><button>Welcome</button></a> </div> </div> </div> <!-- introduction部分 --> <div class="introduction"> <div class="content"> <div class="introduction-left"> <h3>浙江杭州</h3> <h4>一座來(lái)了就不想走的城市</h4> </div> <div class="introduction-mid"> <h3>名稱由來(lái)</h3> <p>“杭州”來(lái)歷，據(jù)《太平寰宇記》記載，是借用西周建都的歷史經(jīng)過(guò)，取周王遷岐，一年而所居成聚，二年成邑，三年杭州而得名蜀都。 蜀語(yǔ)杭州二字的讀音就是蜀都。成者畢也、終也，杭州的含義就是蜀國(guó)終了的都邑，或者說(shuō)最后的都邑。</p> <img src="img/zi.jpg" alt="杭州"> <p>最早“杭州”二字</p> </div> <div class="introduction-right"> <h3>別名</h3> <h5>蓉城、錦城、芙蓉城、錦官城、天府之國(guó)</h5> </div> </div> </div> <!-- plant部分 --> <div class="plant"> <div class="content"> <div class="container"> <div class="page-header"> <h1>市花與市樹</h1> </div> </div> <div class="container"> <div class="row"> <div class="col-md-3 animated slideInLeft"> <div class="thumbnail"> <img src="img/hua.jpg" alt=""> <div class="caption"> <h2>市花-由來(lái)</h2> <p>五代后蜀皇帝孟昶在杭州城頭種滿了芙蓉花，杭州自此也就有了“芙蓉城”的美稱。 而在1983年5月26日，杭州市第九屆人民代表大會(huì)常務(wù)委員會(huì)決定，正式命名芙蓉花為杭州市市花。</p> </div> </div> </div> <div class="col-md-3 animated slideInLeft"> <div class="thumbnail"> <img src="img/hua2.jpg" alt=""> <div class="caption"> <h2>市花-典故</h2> <p>五代后蜀皇帝孟昶，有妃子名“花蕊夫人”，她不但嫵媚嬌艷，還特愛(ài)花。有一年她去逛花市，在百花中她看到一叢叢一樹樹的芙蓉花如天上彩云滾滾而來(lái)，尤其喜歡。 孟昶為討愛(ài)妃歡心，還頒發(fā)詔令：在杭州城頭盡種芙蓉。廣政十二年十月，孟昶的綠化城市工程大功告成，攜花蕊夫人一同登上城樓，相依相隈觀賞紅艷數(shù)十里， 燦若朝霞的杭州木芙蓉花，杭州自此也就有了“芙蓉城”的美稱。</p> </div> </div> </div> <div class="col-md-3 animated slideInLeft"> <div class="thumbnail"> <img src="img/shu2.jpg" alt=""> <div class="caption"> <h2>市樹-介紹</h2> <p>杭州主城區(qū)最古老的銀杏位于百花潭公園內(nèi)，樹齡為1700年。長(zhǎng)于唐代，明末遭了火焚，清朝又被雷擊，命運(yùn)多舛，如今卻還是枝繁葉茂。 這棵編號(hào)為0371號(hào)的古銀杏樹，是1983年從阿壩州汶川縣漩口鎮(zhèn)的觀音寺附近挖掘移植入園的。1983年5月26日，杭州市第九屆人民代表大會(huì)常務(wù)委員會(huì)決定， 正式命名芙蓉花為杭州市市花、銀杏樹為杭州市市樹。</p> </div> </div> </div> <div class="col-md-3 animated slideInLeft"> <div class="thumbnail"> <img src="img/shu.png" alt=""> <div class="caption"> <h2>市樹-介紹</h2> <p>杭州最古老的銀杏位于青城山天師洞，樹齡達(dá)到2500年。天師洞的張信和師父介紹，據(jù)傳這棵古銀杏是2000年前張?zhí)鞄焸鞯缆愤^(guò)時(shí)親手種下的。 這棵古銀杏有20多米高，要8個(gè)大人手拉手才能圈住樹干。這棵“神樹”，早在2006年杭州市古樹名木普查時(shí)，就被評(píng)為“杭州市十大古樹名木”之首, 2011年又被評(píng)定為“杭州市一級(jí)古樹”。確定每年農(nóng)歷九月初九為杭州市的“市花市樹日”。浙江省林學(xué)會(huì)專家認(rèn)為，如果銀杏“升級(jí)”為國(guó)樹，將是杭州的又一張名片。</p> </div> </div> </div> </div> </div> </div> </div> <!-- place部分 --> <div class="place"> <div class="content"> <div class="place-left"> <h2>地理環(huán)境>></h2> <p>杭州市地處浙江盆地西部，青藏高原東緣，東北與德陽(yáng)市、東南與資陽(yáng)市毗鄰，南面與眉山市相連，西南與雅安市、西北與阿壩藏族羌族自治州接壤； 地理位置介于東經(jīng)102°54′~104°53′、北緯30°05′~31°26′之間。2016年，全市土地面積為14335平方千米，市區(qū)面積為4241.81平方千米，其中建成區(qū)面積931.58平方公里。</p> </div> <div class="place-right"> <h3>行政區(qū)劃>></h3> <img src="img/qu.jpg" alt=""> <p>杭州市轄20個(gè)縣級(jí)行政區(qū)劃單位（市轄區(qū)12，縣級(jí)市5，縣3），261個(gè)鄉(xiāng)級(jí)行政區(qū)劃單位（街道161，鎮(zhèn)100）。面積14335平方千米，人口1633萬(wàn)人。</p> </div> </div> </div><br> <!-- poetry部分 --> <div class="poetry"> <div class="content"> <div class="container"> <div class="page-header"> <h1>邂逅杭州</h1> </div> </div> <div class="container"> <div class="row"> <div class="col-md-4"> <div class="caption"> <h3>唐張籍《杭州曲》</h3> <p>錦江近百煙水綠，新雨山頭荔枝熟。</p> <p>萬(wàn)里橋邊多酒家，游人愛(ài)向誰(shuí)家宿？</p> </div> </div> <div class="col-md-4"> <div class="caption"> <h3>杜甫《春夜喜雨》</h3> <p>好雨知時(shí)節(jié)，當(dāng)春乃發(fā)生。</p> <p>隨風(fēng)潛入夜，潤(rùn)物細(xì)無(wú)聲。</p> <p>野徑云俱黑，江船火獨(dú)明。</p> <p>曉看紅濕處，花重錦官城。</p> </div> </div> <div class="col-md-4"> <div class="caption"> <h3>岑參《萬(wàn)里橋》</h3> <p>杭州與維揚(yáng)，相去萬(wàn)里地。</p> <p>滄江東流疾，帆去如鳥翅。</p> <p>楚客過(guò)此橋，東看盡垂淚。</p> </div> </div> </div> </div> </div> </div> </div> <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依賴 jQuery，所以必須放在前邊) --> <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script> <!-- 加載 Bootstrap 的所有 JavaScript 插件。你也可以根據(jù)需要只加載單個(gè)插件。 --> <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script> </body></html>





四、獲取更多源碼

~ 關(guān)注我，點(diǎn)贊博文~ 每天帶你漲知識(shí)!

相關(guān)問(wèn)題可以相互學(xué)習(xí)，可關(guān)注↓公Z號(hào) 獲取更多源碼 !



五、學(xué)習(xí)資料

web前端 零基礎(chǔ)-入門到高級(jí) (視頻+源碼+開發(fā)軟件+學(xué)習(xí)資料+面試題) 一整套 (教程) 適合入門到高級(jí)的童鞋們?nèi)胧謣送1000套HTML+CSS+JavaScript模板網(wǎng)站




六、更多源碼

HTML5期末考核大作業(yè)源碼 包含 個(gè)人、 美食、 公司、 學(xué)校、 旅游、 電商、 寵物、 電器、 茶葉、 家居、 酒店、 舞蹈、 動(dòng)漫、 明星、 服裝、 體育、 化妝品、 物流、 環(huán)保、 書籍、 婚紗、 軍事、 游戲、 節(jié)日、 戒煙、 電影、 攝影、 文化、 家鄉(xiāng)、 鮮花、 禮品、 汽車、 其他* 可滿足大學(xué)生網(wǎng)頁(yè)大作業(yè)網(wǎng)頁(yè)設(shè)計(jì)需求, 喜歡的可以下載!



關(guān)鍵詞：家鄉(xiāng),設(shè)計(jì),浙江,杭州,作業(yè)

74
73
25
news

版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。

為了最佳展示效果，本站不支持IE9及以下版本的瀏覽器，建議您使用谷歌Chrome瀏覽器。 點(diǎn)擊下載Chrome瀏覽器
關(guān)閉