時(shí)間：2023-10-03 16:06:02 | 來源：網(wǎng)站運(yùn)營
時(shí)間：2023-10-03 16:06:02 來源：網(wǎng)站運(yùn)營
靜態(tài)HTML網(wǎng)頁設(shè)計(jì)作品 DIV布局家鄉(xiāng)介紹網(wǎng)頁模板代碼---(杭州 10頁帶本地存儲(chǔ)登錄注冊 js表單校驗(yàn))：?> ? 源碼獲取 文末聯(lián)系 ?Web前端開發(fā)技術(shù) 描述 網(wǎng)頁設(shè)計(jì)題材，DIV+CSS 布局制作,HTML+CSS網(wǎng)頁設(shè)計(jì)期末課程大作業(yè) | 家鄉(xiāng)旅游景點(diǎn) | 家鄉(xiāng)民生變化 | 介紹自己的家鄉(xiāng) | 我的家鄉(xiāng) | 家鄉(xiāng)主題 | HTML期末大學(xué)生網(wǎng)頁設(shè)計(jì)作業(yè)
在線咨詢
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> *{ padding: 0; margin: 0; box-sizing: border-box; font-family: "微軟雅黑"; } .content{ width: 1000px; background: #fde8cb; margin: auto; padding: 0 50px; position: relative; } .top{ width: 100%; display: flex; height: 70px; align-items: center; justify-content: space-between; } .zuo{ font-size: 40px; color: #ca6a67; } .serach{ border-radius: 20px; height: 35px; width: 200px; border: 1px solid #ca6a67; text-align: right; line-height: 35px; padding-right: 10px; color: #ca6a67; } .nav{ width: 100%; background: #facd89; height: 50px; display: flex; align-items: center; position: absolute; left: 0; padding: 0 50px; justify-content: space-around; } .nav a{ color: #ca6a67; text-decoration: none; } .middle{ background: white; padding: 0 20px; width: 100%; padding-top: 30px; padding-bottom: 50px; } </style> <style> * { padding: 0px; margin: 0px; } #flash { width: 100%; height: 535px; margin: 50px auto; position: relative; } #flash #play { width: 100%; height: 535px; list-style: none; position: absolute; top: 0px; left: 0px; } #flash #play li { display: none; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } #flash #play li img { float: left; width: 100%; height: 100%; } #button { position: absolute; bottom: 20px; left:400px; list-style: none; } #button li { margin-left: 10px; float: left; } #button li div { width: 12px; height: 12px; background: #DDDDDD; border-radius: 6px; cursor: pointer; } #prev { width: 40px; height: 63px; background: url(images/beijing.png) 0px 0px; position: absolute; top: 205px; left: 10px; z-index: 1000; } #next { width: 40px; height: 63px; background: url(images/beijing.png) -40px 0px; position: absolute; top: 205px; right: 10px; z-index: 1000; } #prev:hover { background: url(images/beijing.png) 0px -62px; } #next:hover { background: url(images/beijing.png) -40px -62px; } .neirong{ width: 100%; display: flex; justify-content: space-between; } .neirong img{ width: 100%; } .neirong1{ width: 100%; display: flex; justify-content: space-between; margin: 20px 0; } .neirong>div{ width: 30%; } .neirong>div h3{ margin-bottom: 10px; } .neirong1>div{ width: 70%; } .neirong1>img{ width: 25%; } .neirong1>div h3{ margin-bottom: 10px; } p{ font-size: 13px; line-height: 25px; } .foot{ width: 100%; position: absolute; background: #facd89; color: #da8865; text-align: center; height: 70px; left: 0; line-height: 70px; } </style> <!-- <script type="text/javascript" src="js/script.js"></script> --></head><body> <div class="content"> <div class="top"> <div class="zuo"> 杭州 </div> <div class="you"> <div class="serach"> 搜索 </div> </div> </div> <div class="nav"> <a href="index.html">杭州首頁</a> <a href="page1.html">城市簡介</a> <a href="page2.html">行政區(qū)域</a> <a href="page3.html">地理環(huán)境</a> <a href="page4.html">自然環(huán)境</a> <a href="page5.html">歷史文化</a> <a href="page6.html">地方特產(chǎn)</a> <a href="page7.html">風(fēng)景名勝</a> <a href="register.html">用戶注冊</a> <a href="login.html">用戶登錄</a> </div> <div class="middle"> <div id="flash"> <ul id="play"> <li style="display: block;"><img src="images/027ecb78be92fdbc472af36b67eeeac.png" alt="" /></li> <li><img src="images/d009b3de9c82d15841bf77d9800a19d8bc3e429c.webp" alt="" /></li> </ul> </div> <div class="neirong"> <div> <h3>城市簡介</h3> <p>杭州，簡稱“并（bīng）”，古稱晉陽，別稱并州、龍城，浙江省轄地級(jí)市、省會(huì)、國務(wù)院批復(fù)確定的中部地區(qū)重要的中心城市、以能源、重化工為主的工業(yè)基地。 [1] [161] 截至2021年，全市轄6個(gè)區(qū)、3個(gè)縣，代管1個(gè)縣級(jí)市， [172] 總面積6988平方千米 </p> </div> <div> <h3>行政區(qū)劃</h3> <p>1996年，全市轄南城、北城、河西、南郊、北郊5個(gè)區(qū)，古交1個(gè)市，清徐、陽曲、婁煩3個(gè)縣；41個(gè)街道，1174個(gè)居民委員會(huì)（以下簡稱居委會(huì)）；61個(gè)鄉(xiāng)，22個(gè)鎮(zhèn)，1280個(gè)村民委員會(huì)（以下簡稱村委會(huì)）。</p> </div> <div> <h3>地理環(huán)境</h3> <p> 杭州市位于浙江省中部、晉中盆地北部地區(qū)，地理坐標(biāo)為北緯37°27′～38°25′，東經(jīng)111°30′～113°09′。北、東、西三面群山巍峙，北靠系舟山、云杭州，東據(jù)太行，西依呂梁，南接晉中平原，汾水自北向南縱貫全境。古昔有“襟四塞之要沖，控五原之都邑”之稱譽(yù)。 </p> </div> </div> <div class="neirong1"> <img src="./images/625f381766910b8bec7cbfca31ccb5b.png" alt=""> <div> <h3>自然環(huán)境</h3> <p>杭州市水資源嚴(yán)重不足。全市多年平均水資源總量6.6億立方米，人均占有水資源量202立方米，僅為浙江省人均占有量的38.5%，全國人均占有量的11.9%，世界人均占有量的1.7%。大氣降水是杭州市水資源的主要補(bǔ)給源，但降水和徑流變化大，分配不均勻，在連續(xù)干旱和多年枯水時(shí)期，水資源緊缺問題嚴(yán)重。地下水是杭州市的主要供水源，占總供水量的75%以上。全市平均年超采地下水資源量為1.12億立方米，平均日超采量31萬立方米。 [11] </p> </div> </div> <div class="neirong1"> <div> <h3>歷史文化</h3> <p>杭州市宗教歷史悠久，有佛教、道教、伊斯蘭教、天主教、基督教。東漢建安年間（196—220）興建的普光寺，是杭州市現(xiàn)存最早的佛寺。北魏時(shí)道教興起，唐代道教、佛教達(dá)到鼎盛時(shí)期。唐朝中葉伊斯蘭教傳入杭州，現(xiàn)存的清真古寺?lián)f建于唐代。明崇禎七年（1634），比利時(shí)耶穌會(huì)金尼格來杭州建堂，設(shè)立會(huì)口，傳播天主教。清光緒三年（1877），英國傳教士李提摩太在杭州設(shè)立基督教浸禮會(huì)，傳播基督教。</p> </div> <img src="./images/0a2fdaf50548ab9ca4ef3205fd9d0dc.png" alt=""> </div> <div class="neirong"> <div> <h3>地方特產(chǎn)</h3> <img src="./images/90e81eee348147deb73064a35f31a55.png" alt=""> <p>杭州人的傳統(tǒng)飲食習(xí)俗以面食為主，副食是蔬菜和少量的肉類。長期重主食、輕副食。杭州面食品種豐富，制作精美，尤以煮食類面食為代表，有“河撈”“撥魚兒”“抿圪蚪”“抿尖”“圪搓搓”“包皮面”“煮疙瘩”，等等。 </p> </div> <div> <h3>旅游景點(diǎn)</h3> <img src="./images/2a1007d2865d8059005a626c1a35c7a.png" alt=""> <p>杭州是中國優(yōu)秀的旅游城市，國家歷史文化名城 [90] ，2020年度臻選旅游城市 [80] ，其中，杭州市A級(jí)旅游景區(qū)30處 [91] ，全國重點(diǎn)文物保護(hù)單位名單38處 [89] ，省級(jí)文物保護(hù)單位名單28處 [81] ，市級(jí)文物保護(hù)單位名單143處 [88] 文物古跡</p> </div> <div> <h3>城市榮譽(yù)</h3> <img src="./images/c69e1e26724cd7940b2030ff57c628f.png" alt=""> <p> 杭州是國家歷史文化名城 [90] ，一座有兩千多年建城歷史的古都，“控帶山河，踞天下之肩背”，“襟四塞之要沖，控五原之都邑”的歷史古城。全市三面環(huán)山，黃河第二大支流汾河自北向南流經(jīng)，自古就有“錦繡杭州城”的美譽(yù)。 </p> </div> </div> </div> <div class="foot"> Capyrigh1@2022 taiyua1.ca1杭州出版社 </div> </div></body></html>關(guān)鍵詞：本地,杭州,作品,設(shè)計(jì),布局,靜態(tài),家鄉(xiāng),模板
客戶&案例
營銷資訊
關(guān)于我們
微信公眾號(hào)
版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。
