主頁 > 前端設計 > 基于HTML+CSS+JavaScript實作---美麗家鄉石埇鎮(建議收藏)

基于HTML+CSS+JavaScript實作---美麗家鄉石埇鎮(建議收藏)

2021-07-21 14:01:29 前端設計

目錄

前言:

系統首頁:

歷史沿革:

地理環境:

自然資源:

經濟概括:

社會發展:

交通運輸:

古跡人物:

古跡詳情:

主要代碼:

首頁石埇鎮——越州故城遺址:

首頁石埇鎮——香翰屏將軍故居:


前言:

傳說有仙人沿南流江沖石筑城,石至上游百歲灘,下游至油灘,雞鳴拂曉,仙人棄石返天,石埇在兩石灘之中,故名,

石埇鎮位于浦北縣南部南流江畔,距縣城62公里,地處玉林、北海、欽州三市交界處,全鎮轄7個村委會和1個社區, 105個村民小組,總人口17000人,總面積61平方公里, 建鎮十多年來,石沖鎮的兩個文明建設取得了豐碩的成果, 鋪建了連接209國道的水泥公路,實作了村村通廣播、程控電話,手機信號覆寫全鎮,各種基礎設施比較完善, 陶瓷、煙花、楊桃飲料是鎮三大產品,其中楊桃飲料曾獲1998年全國科技博覽會金獎,農業以種植香蕉、荔枝、 龍眼、蠶桑、地菠蘿、水稻為主,2002年全鎮國民生產總值10620萬元;其中第一產業4917萬元,第二產業2817萬元, 第三產業2886萬元,財政收入202萬元,農民人均純收入2350元, 石埇鎮歷史悠久,人杰地靈, 有自治區重點保護文物南北朝時期的越州古城遺址;有曾任第二軍軍長和三省總司令香翰屏將軍故居; 有美麗的越州天湖和南流江,每逢農歷二、五、八圩日,各方賓客云集,商貿繁榮,是經商、旅游、度假的好地方,

系統首頁:

歷史沿革:

地理環境:

自然資源:

經濟概括:

社會發展:

交通運輸:

古跡人物:

古跡詳情:

主要代碼:

首頁石埇鎮——越州故城遺址:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>美麗家鄉——石埇鎮</title>
    <!-- 網站首頁 -->

    <!-- 呼叫css -->
    <link rel="stylesheet" type="text/css" href="css/background.css">
    <link rel="stylesheet" type="text/css" href="css/index.css">
</head>

<body>
    <div class="box">

        <div class="box1">
            <!-- 網站logo標識 -->
            <div class="logo">
                <a href="index.html">
                    <div style="font-size: 300%;"><b>石埇鎮</b></div>
                    <div style="font-size: 150%;"><b>&nbsp;&nbsp;shiyongzhen&nbsp;</b></div>
                </a>
            </div>
            <!-- logo結束 -->

            <div>
                <!--音樂: 家鄉美-卓依婷、美麗的家鄉-寒冬辣月 controls播放器可見-->
                <audio height="50px" width="70px" autoplay loop>
                    <source src="media/jxm.mp3" type="audio/mp3">
                    <source src="media/mldjx.mp3" type="audio/mp3">
                    <embed height="50px" width="70px" src="media/jxm.mp3" autostart="true" loop="-1" hidden="true">
                </audio>
            </div>
        </div>

        <div>
            <!-- 中部主內容 -->
            <div class="box2">
                <div class="navigation">
                    <!-- navigation 導航 -->
                    <ul>
                        <li>
                            <h2><a href="index.html">&nbsp;&nbsp;&nbsp;&nbsp;首頁&nbsp;&nbsp;&nbsp;&nbsp;</a></h2>
                        </li>
                        <li>
                            <h2><a href="#lsyg">歷史沿革</a></h2>
                        </li>
                        <li>
                            <h2><a href="#dlhj">地理環境</a></h2>
                        </li>
                        <li>
                            <h2><a href="#zrzy">自然資源</a></h2>
                        </li>
                        <li>
                            <h2><a href="#jjgk">經濟概括</a></h2>
                        </li>
                        <li>
                            <h2><a href="#shfz">社會發展</a></h2>
                        </li>
                        <li>
                            <h2><a href="#jtys">交通運輸</a></h2>
                        </li>
                        <li>
                            <h2><a href="#gjrw">古跡人物</a></h2>
                        </li>
                    </ul>
                    <!-- 導航結束 -->
                </div>

                <div class="zhu">
                    <!-- 主要內容 -->
                    <div>
                        <h1>石埇鎮簡介</h1>
                        <p>傳說有仙人沿南流江沖石筑城,石至上游百歲灘,下游至油灘,雞鳴拂曉,仙人棄石返天,石埇在兩石灘之中,故名,</p>
                        <P>石埇鎮位于浦北縣南部南流江畔,距縣城62公里,地處玉林、北海、欽州三市交界處,全鎮轄7個村委會和1個社區,
                            105個村民小組,總人口17000人,總面積61平方公里, 建鎮十多年來,石沖鎮的兩個文明建設取得了豐碩的成果,
                            鋪建了連接209國道的水泥公路,實作了村村通廣播、程控電話,手機信號覆寫全鎮,各種基礎設施比較完善,
                            陶瓷、煙花、楊桃飲料是鎮三大產品,其中楊桃飲料曾獲1998年全國科技博覽會金獎,農業以種植香蕉、荔枝、
                            龍眼、蠶桑、地菠蘿、水稻為主,2002年全鎮國民生產總值10620萬元;其中第一產業4917萬元,第二產業2817萬元,
                            第三產業2886萬元,財政收入202萬元,農民人均純收入2350元, 石埇鎮歷史悠久,人杰地靈,
                            有自治區重點保護文物南北朝時期的越州古城遺址;有曾任第二軍軍長和三省總司令香翰屏將軍故居;
                            有美麗的越州天湖和南流江,每逢農歷二、五、八圩日,各方賓客云集,商貿繁榮,是經商、旅游、度假的好地方,</P>
                    </div>
                    <!-- 拖放 -->
                    <div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)">
                        <script src="js/tuofang.js"></script>
                        <img src="image/tuofang.png" id="drag1" draggable="true" ondragstart="drag(event)" width="65"
                            height="69">
                    </div>
                    <div>
                        <a name="lsyg" id="lsyg"></a>
                        <h3>▌歷史沿革</h3>

                        <a name="ls" id="ls"></a>
                        <p>南朝宋泰始七年(471年)設立越州置臨漳郡,州治、郡治即在今石埇鎮坡子坪村的仰天窩,</p>
                        <p>清道光八年(1828年),石埇是合浦縣16個團局中石州團的一部分,</p>
                        <img src="image/1.png" style="float: right;" width="400px" height="250px">
                        <p>民國初至民國十五年(1926年),石埇是原合浦縣石州區下的公局,</p>
                        <p>民國十九年(1930年)秋,廢區改公局為鄉,石埇是鄉治地,</p>
                        <p>1961年,石埇是張黃區下的一個公社,</p>
                        <!-- 拖放div -->
                        <div id="div2" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
                        <p>1963年,石埇社區合并泉水公社,</p>
                        <p>1987年8月,復設石埇鄉,</p>
                        <p>1993年,石埇鄉改為石埇鎮,</p>
                    </div>

                    <div>
                        <a name="dlhj" id="dlhj"></a>
                        <h3>▌地理環境</h3>

                        <p><b>位置境域</b></p>
                        <p>石埇鎮地處廣西壯族自治區浦北縣東南部,東接博白縣菱角鎮,南連合浦縣曲樟鎮,西與泉水鎮相鄰,北靠安石鎮;
                            轄區東西最大距離7.2千米,南北最大距離7.8千米,總面積45.59平方千米;鎮中心大致位于東經109°35′12″,
                            北緯21°57′01″,</p>

                        <p><b>地形地貌</b></p>
                        <p>石埇鎮地處丘陵地帶,一般海拔在200米-500米之間,轄區被南流江一分為二,存在一定區域的流水侵蝕地貌,</p>

                        <p><b>氣候特征</b></p>
                        <p>石埇鎮地處低緯地區,太陽輻射強,日光充足,氣候溫暖,熱量豐富,雨量充沛,冬短夏長,屬南亞熱帶季風氣候區,
                            冬季多偏北風,夏季多偏南風,</p>
                        <img src="image/2.png" style="float: right;" width="400px" height="250px">
                        <p><b> 自然災害</b></p>
                        <p>石埇鎮的主要自然災害有洪澇水災、雷擊、風災等,水災主要發生在每年春夏兩季,風災一年四季均有,</p>

                        <p><b>水文情況</b></p>
                        <p>石埇鎮境內屬南流江水系,南流江自菱角鎮馬口入境,由旺盛江村委獨石角隊至油灘村委山排隊,至泉水鎮,
                            境內河道長13.5公里,有大型水庫2座,</p>

                    </div>

                    <div>
                        <a name="zrzy" id="zrzy"></a>
                        <h3>▌自然資源</h3>

                        <p><b> 土地資源</b></p>
                        <p> 截至2012年,石埇鎮有耕地面積12021畝,人均0.61畝;林地面積共計26344畝, </p>

                        <p><b> 礦藏資源</b></p>
                        <p> 石埇鎮境內礦藏資源主要為建筑用沙,集中分布在南流江一帶;此外還發現有玉、牛筋石、瑪瑙等寶石,</p>
                    </div>

                    <div>
                        <a name="jjgk" id="jjgk"></a>
                        <h3>▌經濟概括</h3>

                        <p><b>綜述</b></p>
                        <p>2012年,石埇鎮實作工業生產總值3.6億元,農業總產值1.2億元,年財政收入764萬元,社會固定資產投資1.49億元;
                            從各主要稅種看,完成營業稅15萬元,增值稅286萬元,企業所得稅200萬元,人均財政收入5328元,</p>

                        <img src="image/xj.jpg" style="float: right;" width="300px" height="200px">
                        <p><b>第一產業</b></p>
                        <p>石埇鎮在解放前,由于耕作技術落后,缺少水利設施,糧食產量較低,畝產不到100公斤,
                            解放后,實行土地改革,興修水利,一方面加大農田水利建設力度,另一方面大力推廣水稻雜交良種和水稻拋秧,
                            1987年全鄉糧食播種面積1154.3公頃,總產量313萬公斤,1990年全鄉糧食播種面積1111.33公頃,
                            總產量391.5萬公斤,人均有糧290.5公斤,1995年全鎮糧食播種面積1017.73公頃,總產量365萬公斤,
                            2002年開始,該鎮形成以甘蔗為支柱,以水稻、水果、花生、香蕉種植為輔的農業生產結構,
                            當年全鎮香蕉種植面積333.33多公頃,2005年全鎮糧食播種面積1093.53公頃,總產量4593噸,
                            2008年,新增甘蔗種植面積290公頃,全鎮種植面積達600公頃,占全農業生產鎮耕地面積的65%以上,
                            總產量為3.6萬噸,比2007年增長322%,農林漁業總產值、總產量與2007年持平,</p>
                        <p>2012年,石埇鎮農業以種植甘蔗、水稻、香蕉、荔枝、龍眼、玉米、馬鈴薯、菠蘿為主,全年農業總產值1.2億元;
                            甘蔗種植面積1.1萬畝,總產量首超5萬噸,總收入達1600萬元;香蕉種植面積達5800畝,總產量3萬噸;
                            桉樹種植面積超過1萬畝;重點發展養蜂、養豬、養羊、養佛鱷龜等養殖業,</p>

                        <p><b>第二產業</b></p>
                        <p>石埇鎮在解放前只有陶器小手工業,解放后,以陶器業為主的鄉鎮企業快速發展,
                            1990年有陶器廠15間,產值225萬元,還有煙花爆竹廠、土紙廠、草帽廠、油坊、糕點加工廠等企業,
                            1994年,石埇陶器總廠投資200多萬元進行技術改造,建造39孔推板窯,年產值600多萬元,
                            1995年,全鎮鄉鎮企業總產值為1.38億元,2000年扶持地方經濟能人投資200多萬元創建一家煙花有限公司,
                            2004年6月,引進200多萬元創建一個竹片加工廠,同年9月引進500多萬元創建一家木制品有限公司,
                            2008年,全鎮鄉鎮企業發展到26家,比1995年增加11家,從業人員450人,企業總產值達9800萬元,</p>
                        <p>2012年,石埇鎮工業以煙花、造紙、木材加工、建筑材料為主,全年工業生產總值3.6億元,規模以上企業1家,職工250人,
                            實作工業增加值0.4億元,比2011年增長30.7%,</p>

                        <p><b>第三產業</b></p>
                        <p>石埇鎮在清代中期成圩,在當時是博白、合浦、浦北三縣交界的唯一集市,
                            外地客商云集,稻米、禽畜、花生、豆類、蔬菜、工藝品、日用鐵器、農具、合浦的海鮮干貨、
                            本地的藥材等都在圩市集散交易,圩日有5000~8000人趕集,解放后,隨著合浦水庫大壩的修筑,
                            南流江的航運基本中斷,交通相對落后,圩日由3天一圩改為7~10天一圩,石埇圩市逐漸失去昔日的繁華,
                            1991年,當時的石埇鄉建成集鎮區18.6公頃,
                            2008年,石埇鎮集市上的主要商品有時新衣服、家用電器、家具、傳統農貿產品等,圩期恢復為3天一圩,
                            約3000人趕集,商品年交易額4000萬元,</p>
                        <img src="image/3.png" style="float: right;" width="300px" height="200px">
                        <p>2012年末,石埇鎮境內有農村信用合作聯社等金融機構各類存款余額1.009億元,</p>
                    </div>

                    <div>
                        <a name="shfz" id="shfz"></a>
                        <h3>▌社會發展</h3>

                        <p><b>文化藝術</b></p>
                        <p>解放后,石埇鎮的賽龍舟等文化傳統得到傳承,該鎮組建了石埇龍舟隊,先后組隊參加由縣舉辦的4屆龍舟賽,
                            1987年石埇設鄉后,當年建立鄉文化站,有文化活動室1間24平方米,配備文化專干1人,
                            隨后陸續增添燈光球場、廣播室、錄像放映室、桌球室、鄉電影院、鄉村圖書閱覽室等文化娛樂設施,
                            開展墻報宣傳、文藝廣播、錄像放映、科技培訓等文化活動,1991年,經評估鄉文化站達到市級標準,
                            1993年11月開通有線廣播電視,2004年5月開通網路寬帶,2008年,全鎮共有鄉村圖書室1個,藏書2000冊,</p>
                        <p>截至2012年,石埇鎮建有鎮文化、廣播電視站1處;有村級文化活動中心1處,圖書館1個,各類圖書室7個,
                            藏書21000冊;有文藝團隊3個,共45人,有縣級、省級文物保護單位各1處,</p>
                        <p>石埇軍樂隊曾代表石埇鎮在2011年欽州市第二屆群眾藝術節比賽中獲二等獎;
                            在2012年參加第二屆歡樂田園文葉訓演榮獲一等獎;在2012年參加的全區基層群眾文葉訓演獲優秀獎,
                            偉業文藝隊代表該鎮在2013、2014年浦北縣山歌大賽中連續兩年獲二等獎,</p>

                        <p><b>教育事業</b></p>
                        <p>民國三十二年(1943年),石埇鄉設有中心校1所,保國民校7所,
                            1981年,建立鄉級聯辦初中石埇中學,1988年,共集資34萬元,新建校舍940平方米,維修危房2840平方米,
                            全部實作課室硬底化,1990年,全鄉有中小學9所,教師162人,學生2702人,
                            小學升學率為97.3%,鞏固率99.81%,畢業率99.6%,普及率98.3%,超過部頒標準,
                            1991~1995年,共集資172.1萬元改造和建設各中小學教學樓,完成九年義務教育和掃盲任務,
                            小學入學率為99.95%,升學率為100%,2008年,石埇鎮鎮有中學1所,學生628人;小學7所,學生1869人,</p>
                        <p>截至2012年,石埇鎮有正規幼兒園1所,在園幼兒110人,專任教師5人;小學7所,在校學生1518人,專任教師104人,
                            小學適齡兒童入學率100%;初中1所,初中在校學生515人,專任教師32人,九年義務教育覆寫率100%,</p>

                        <p><b>醫療衛生</b></p>
                        <p>1988年8月,石埇鎮成立石埇衛生院(之前屬泉水衛生院下屬衛生所),占地面積2534平方米,有職工3人,
                            1997年,全院職工8人,其中衛技人員6人(中醫師2人,西醫士3人,其他1人),工勤2人,1990年,有鄉衛生院1個,
                            村衛生室10個,經抽查,兒童防疫接種合格率為97%,全鄉人均預期壽命從解放前的50歲增加到70歲,
                            1991年,新建門診樓占地面積1667平方米,建筑面積700平方米,1997年全院門診量7689人次,
                            2004年,投資70多萬元建設鎮衛生院綜合大樓,占地面積800平方米,建筑面積1996平方米,設有病床30張,
                            有醫務人員26人;同時購進一批先進醫療設備,推行新型農村合作醫療和城鎮居民醫療保險制度,
                            2008年,鎮衛生院設有內科、外科、婦產科、兒科、中醫科、防保科等科室和住院部,有衛生技術人員22人,
                            年門診量11234人次,住院1600人次,全鎮參加新型農村合作醫療14105人,參合率85%,</p>
                        <p>截至2012年,石埇鎮有鎮衛生院1個,村級衛生室7處,專業衛生人員33名,其中執業醫師1人,主治醫師2人,
                            執業助理醫師3人,注冊護士2人,村民絕大部分參加新型農村合作醫療,參保率達95%,</p>

                        <p><b>社會保障</b></p>
                        <p>2012年,石埇鎮城鎮最低生活保障戶數54戶,89人,發放保障金22萬元,月人均200元,農村最低生活保障戶數714戶,
                            1187人,發放保障金129萬元,月人均91元,五保供養214人,有敬老院1家,五保新村3個,集中供養35人,
                            發放五保供養費43萬元,大病救助110人,共計40萬元,臨時救濟40人,共計0.8萬元,發放棉被、棉衣等衣物1200多件,
                            發放荒糧2.8萬公斤,受惠群眾1100多戶,</p>
                    </div>

                    <div>
                        <a name="jtys" id="jtys"></a>
                        <h3>▌交通運輸</h3>
                        <img src="image/gc1.png" style="float: right;" width="250px" height="250px">
                        <p>解放前,石埇鎮交通閉塞,沒有車輛,只靠南流江的水運交通;舊街道狹窄,樓房稀少,只有一個小圩場,
                            解放后,興修了公路,有可直達浦北、北海、合浦、南寧的班車,1993年投入資金20多萬元修建了越州大道,
                            2007年1月,投資460萬元,建設長256米、寬8.5米的石埇大橋;同年11月,又投資460萬元建設長338米、
                            寬8.5米的八東大橋,2008年,投資910.2萬元續建石埇大橋、八東大橋;同時,
                            籌資修建石埇至旺盛江6公里長的四級公路和3條總長6公里的村道;投資15萬元,硬底化長300多米的石埇老街,</p>

                        <p>截至2012年,石埇鎮境內有省道S313線貫穿,另有縣道X316公路穿越,2016年8月,
                            石埇鎮至欽州的二級公路進入施工圖勘察設計招標階段,該二級公路屬省道S313線,
                            終點與國道G242欽州至陸屋一級公路相接,路線總里程約112.3公里,專案估算總投資98620萬元,</p>

                    </div>

                    <div>
                        <a name="gjrw" id="gjrw"></a>
                        <h3>▌古跡人物</h3>

                        <p><b>越州故城遺址</b></p>
                        <p>越州故城遺址位于石埇鎮坡子坪村的仰天窩,據《南齊書》記載,為南朝宋泰始七年(471年)建立,平面呈回字形,
                            占地面積約24萬平方米,城周長2028米,北城墻依山建筑,地勢高聳險要,南城墻比較平緩,殘墻最高處達14米,
                            其余平均高3米,城基最寬處達16米,一般寬8~9米,四周每百步筑一馬面,古城分內外城,外城南北長800米,
                            東西寬500米,城內有城(俗稱官廳地),城外有溝,內城亦稱子城(指官廳地),依山坡筑于城內西北區,地勢較高,
                            可俯視全城,并有墻與外城相隔,其北面又有壕溝險阻,1981年,越州故城遺址被定為自治區級重點文物保護單位,
                            2013年,被國務院列為第七批全國重點文物保護單位,</p>
                        <img src="image/gj10.png" style="float: right;" width="350px" height="200px">
                        <p><a href="building_site.html">了解詳情>>></a></p>

                        <p><b>香翰屏故居</b></p>
                        <p>香翰屏故居座落在石埇鎮坡子坪村,分為增城子、嘉李園兩個部分,分別始建于1936年、1929年,
                            由于部分建材來源于廣州等地,籌建時間較長,它是一座集西方建筑風格和中國傳統古建筑特色于一體的別墅式、
                            莊園式的將軍府邸,共有大小房屋116間,占地面積35畝,建筑面積5044平方米,</p>
                        <p><a href="building_xhp_guju.html">了解詳情>>></a></p>

                        <p><b>香翰屏</b></p>
                        <p>香翰屏(1890~1978),別名桂珍,別號墨林,石埇鎮坡子坪村人,民國元年(1912年)赴廣州學法政,加入國民黨,
                            曾任閩粵贛邊區上將總司令,1946年7月27日退役,1949年秋遷居香港,</p>
                        <p>香翰屏是1931年、1935年、1945年、1947年的全國國民大會代表,并被連選連任四屆國民黨中央監察委員,
                            1978年8月7日,病逝于香港,1966年4月于臺灣出版了《香翰屏將軍草書初集》,</p>
                        <p><a href="person_xhp.html">了解詳情>>></a></p>
                    </div>
                </div>
            </div>
        </div>


        <div class="box3">
            <!-- 底部 -->
            <footer>
                <a href="index.html">本站首頁</a>
                <b>|</b>
                <a href="building_site.html">故城遺址</a>
                <b>|</b>
                <a href="building_xhp_guju.html">香翰屏故居</a>
                <b>|</b>
                <a href="#">關于我們</a>
                <b>|</b>
                <a href="http://www.gxpb.gov.cn/">浦北縣門戶網</a>
            </footer>
            <footer>本網站始建于2020年12月</footer>
            <footer>網站創建人:admin(admin)</footer>
            <footer>本網站為HTML5期末考查作品</footer>
        </div>
    </div>


    <button onclick="topFunction()" id="myBtn" title="回頂部">回傳頂部</button>
    <!-- 呼叫js代碼 -->
    <script src="js/return_top.js"></script>
</body>

</html>

首頁石埇鎮——香翰屏將軍故居:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>石埇鎮——香翰屏將軍故居</title>
    <!-- former residence -->
    <!-- 香翰屏故居 -->
    <!-- 使用flex布局,即彈性布局 -->

    <!-- 呼叫css -->
    <link rel="stylesheet" type="text/css" href="css/background.css">
    <link rel="stylesheet" type="text/css" href="css/guju.css">
</head>

<body>
    <div class="box">

        <div class="box1">
            <!-- 網站logo標識 -->
            <div class="logo">
                <a href="index.html" style="color: red;">
                    <div style="font-size: 300%;"><b>石埇鎮</b></div>
                    <div style="font-size: 150%;"><b>&nbsp;&nbsp;shiyongzhen&nbsp;</b></div>
                </a>
            </div>
            <!-- logo結束 -->
        </div>

        <div class="box2">
            <!-- 主要內容 -->
            <div class="zhu">
                <div>
                    <h1>石埇鎮——香翰屏將軍故居</h1>
                </div>
                <div class="flex1">
                    <div>
                        <!-- 視頻 -->
                        <video width="360" height="250" controls>
                            <source src="media/sp2.mp4" type="video/mp4">
                            <object data="media/sp2.mp4" width="360" height="250">
                                <embed src="media/sp2.mp4" width="360" height="250">
                            </object>
                        </video>
                    </div>
                    <div>
                        <p>香翰屏故居座落在石埇鎮坡子坪村,分為增城子、嘉李園兩個部分,分別始建于1936年、1929年,
                            由于部分建材來源于廣州等地,籌建時間較長,它是一座集西方建筑風格和中國傳統古建筑特色于一體的別墅式、
                            莊園式的將軍府邸,共有大小房屋116間,占地面積35畝,建筑面積5044平方米,</p>
                        <img src="image/gj10.png" height="200px" width="540px">
                    </div>
                </div>

                <div>
                    <h2>增城子</h2>
                    <p>依山筑就,地形險要,氣勢磅礴,園林配置十分講究,林木茂盛,小橋流水,鳥語花香,自然景觀十分宜人,
                        身臨其境,如入世外桃源,令人心曠神怡,流連忘返,俯視全貌,設計獨特,中西合璧,布局合理,建筑藝術精致,
                        對稱結構,古香古色,高雅豪華,一派將軍府邸富豪大宅,城外一片平原盤地,視野開闊,五谷飄香;城內四周有圍墻,
                        城墻高約5米,用黃泥土、沙、石灰筑就,十分堅固,若要進入城內,南北兩門是唯一通途,
                        南門與北門的分布和構造實屬兩棟設計對稱的別墅式小洋樓,由磚瓦木構造,兩層,高雅別致,小巧玲瓏,
                        一樓大門兩邊為兩居室,二樓為一廳兩居室,南北兩門樓結構對稱相同,不同之處只是樓頂琉璃瓦飾的格調與圖案,
                        北門屋頂、封山與四角,分別飾有飛龍型云彩、景蝙蝠、蝴蝶、花草圖案,南門屋頂、封山與四角,分別飾有變形飛鳳型云彩,
                        意為龍騰鳳舞,兩門對稱呼應,樓上樓下與墻角兩邊,均布有哨煙、炮洞,此乃重兵護園之所,</p>
                    <p>此外,兩門樓左右兩旁均設有衛生間、倉庫、馬圈、牛欄、豬舍等,</p>
                    <p>主體建設部分為三進兩廂,有前座、中座、后座,南北左右兩邊對稱襯托,有房、廳、花園、直屋,
                        后座南北角分別設有炮樓,</p>
                </div>

                <div class="flex1">
                    <div>
                        <h3>前座</h3>
                        <p>中間為正門,坐西南向東北,門前廊設計為一個戲臺,將軍府凡有喜慶之事,均請戲班子在此唱戲娛樂,
                            門前是一小廣場,供練兵或觀眾看戲席座的地方,正門設有橫櫳、直櫳、板門二層防范設定;前座二層,二樓為一開口廳,
                            走廊可以相通中座,屋頂為木夯條、板角,有公母瓦鋪蓋,屋檐滴水處飾藍色琉璃瓦,屋脊塔頂高出瓦面,飾有藍色琉璃瓦,
                            封山兩邊飾有藍色龍型云彩,前座與中座之間有一個長方形大天井,天井旁布有5條大圓柱,前座門廳兩向與天井左右兩向相接,
                            南北兩邊有三房兩廳套房,為主人房;套房設計對等,面積、裝飾一致,一樓由一個圓形門進入,分別有樓梯間、客廳、
                            臥室、衛生間,墻壁潔白光滑,客廳天花有吊燈座,地板鋪有不同顏色的八角形花瓷磚,顯得十分豪華、美觀、大方,
                            每個客廳前均有一個半圓形大陽臺;上下二層四套居室的外墻均有密密麻麻、凹凸不平的蜂窩形隔音墻,樓頂為平面地板,
                            鋪有紅色方形的隔熱地磚,</p>
                    </div>
                    <div>
                        <img class="img1" src="image/gj3.png">
                    </div>
                </div>

                <div class="flex1">
                    <div style="padding-right: 5px;">
                        <img class="img1" src="image/gj4.png" width="380px" height="325px">
                    </div>
                    <div>
                        <h3>中座</h3>
                        <p>中間為一大門廳,與正門相對相通,有大板門,一樓兩邊有大小兩個客廳,二樓可與前座、后座相通,四向走廊相對連接,
                            可謂四通八達,結構與一樓相同,中座與后座之間有一個正方形天井,四面建有圓柱,天井的南北兩向各有一個大廳,
                            圓門賀窗,寬闊、明亮,左右兩廳對稱,設有兩個花圃,種有名花名樹,幽深僻靜,舒雅別致,園林外向各有直屋一棟,
                            兩層結構,為傭仆住舍,</p>
                    </div>
                    <div><img class="img1" src="image/gj6.png" width="400px"></div>
                </div>

                <div class="flex1">
                    <div style="padding-right: 5px;">
                        <img class="img1" src="image/gj8.png" width="350px" height="300px">
                    </div>
                    <div>
                        <h3>后座</h3>
                        <p>中間為祖公廳,擺設神臺,有“金玉滿堂”的字樣,兩邊有對聯,神臺中央設定有香翰屏將軍遺照,妻妾遺照列于左右,
                            祖公廳的頂梁柱浮雕刻有“中華民國丙子年丁酉月丁酉日乙已時行牆升梁吉”字樣,祖公廳左右兩邊為一排整齊的直屋,
                            均為兩層結構,唯有直屋的兩端西北角和東北角分別為三層結構,并且每層布滿槍眼和炮洞,居高臨下,
                            可與前座兩門樓相呼應,承擔著護園責任,炮樓屋脊設計獨特,塔式頂部四角均飾有龍型云彩,封山兩邊為“鑊耳”狀裝飾,
                            并高出琉璃瓦面,后座背后為一個大型花果園,植有名貴花草和名品果樹,</p>
                    </div>
                    <div><img class="img1" src="image/gj9.png" width="350px" height="300px"></div>
                </div>

                <div>
                    <h2>嘉李園</h2>
                    <p>建在增城子后側的小山坡上,按七星座和五行設計,建有七座別墅式小洋欞,每座小樓都分別命名,并象征某種意義,
                        其中有窩虞居、松虞居、橄欖居、畫云閣、觀音堂等,嘉李園正門向東,兩邊有廂房,結構為一層,簡稱窩虞居,
                        正門背后為“松虞居”,簡稱為“謠光星”,象征海王星,結構為一層,屋檐四周外有圓柱,走廊鋪有花地板磚,為一廳一房,
                        “橄欖居”象征金星,結構為兩層,屋檐走廊有圓柱,畫云閣(玉衡星)象征水星,實際是一座藏書樓,
                        此樓在民國時期曾收藏過一部比較完整的欽定四庫全書(其數量約有兩卡車之多);畫云閣為二層結構,橋型塔式樓頂的設計,
                        蓋琉璃瓦,屋檐四周有圓形柱頭,觀音堂為單間一層,內設有神臺、觀音座蓮神像,屋頂為塔式建筑構造,蓋琉璃瓦,
                        觀音堂旁邊是土地神、有涼亭一座,堂前為官廳是香公常來會客的場所,后門樓為一棟二層兩間別墅式小洋樓,</p>
                </div>

                <div>
                    <p><b>附記:</b>香翰屏故居1953年被地方政府沒收為公產房,由于分給當地農民入住,致使部分房屋嚴重受損;1984年落實中央有關政策,
                        才把該府邸物歸原主;2002年被浦北縣人民政府公布為縣級重點文物保護單位,</p>
                </div>
                <div class="flex1">
                    <div>
                        <h3>香翰屏</h3>
                        <p>香翰屏(1890~1978),別名桂禎,號墨林,有半個書生之稱,一代儒將,廣東省合浦縣人(今屬廣西浦北),
                            廣東護國軍第五軍軍官講武堂畢業,中將加上將銜,早期在廉陽水師入伍,又赴廣東海防司令部任文職,
                            后轉入陸軍,在陽江護國軍任下級軍官,隨之,到孫中山的建國粵軍第一師、陳銘樞的第四團歷任連長、
                            副營長、中校營長等職,進而,履任國民革命軍第四軍第十一師(師長陳濟棠)第三十二團團長,參加討伐陳炯明戰役,
                            因功升為第四軍第十二師師長,陳濟棠治粵時期(1928~1936),香翰屏先后任第六十二師師長、
                            廣州國民政府軍事委員會委員、第一集團軍第二軍軍長、廣州市公安局局長、國民黨中央監察委員、
                            西南政務委員會委員、廣東中區綏靖委員等職,成為響當當的新粵系二號實權人物,后因支持陳銘樞的福建事變,
                            與陳濟棠分道揚鑣,辭職返鄉休養兩年,兩廣事變后復出任廣東綏靖副主任、第四路軍副總司令,抗戰全面爆發后,
                            香翰屏任第三戰區(司令長官蔣介石)中央軍(總司令張治中、朱紹良繼)第九集團軍總司令、副總司令,
                            率部參加抗戰史上規模最大、戰斗最慘烈的淞滬會戰和徐州會戰,后回粵復任第四路軍副總司令、
                            廣東民眾抗日自衛團統率委員會主任委員、第九集團軍副總司令兼第四戰區挺進縱隊東江指揮所主任、
                            閩粵贛邊區上將總司令,參與粵北會戰、東江戰役和反正作業,抗戰勝利后退役,任廣州行轅副主任、
                            廣州綏靖公署副主任、廣東省政府委員、國民大會代表,不久旋即御任本兼各職,移居香港經商,專事書藝,
                        </p>
                        <p><a href="person_xhp.html">了解詳情>>></a></p>
                    </div>
                    <div>
                        <img class="img1" src="image/gj0.png" height="250px">
                    </div>
                </div>
                <div class="flex1">
                    <div><img class="img1" src="image/gj1.png" width="330px"></div>
                    <div>
                        <p style="text-align: center;">馮基南</p>
                        <p>民國風云史冊載,合浦郡地多俊杰,</p>
                        <p>欽廉百姓說英雄,屈指能數香翰屏,</p>
                        <p>亂世從戎扶搖起,千難萬險終成名,</p>
                        <p>文武兼修臻神韻,中正賜號曰墨林,</p>
                        <p>淞滬抗戰旌麾烈,赫然晉升上將軍,</p>
                        <p>國共合分繼爭雄,長江南北事蔣營,</p>
                        <p>日暮香江客家翁,書法盛傳四海吟,</p>
                        <p>仰首驚嘆坡子坪,伸眉仍見山如陣,</p>
                    </div>
                    <div><img class="img1" src="image/gj2.png" width="330px"></div>
                </div>
            </div>
        </div>


        <div class="box3">
            <!-- 底部 -->
            <footer>
                <a href="index.html">本站首頁</a>
                <b>|</b>
                <a href="building_site.html">故城遺址</a>
                <b>|</b>
                <a href="building_xhp_guju.html">香翰屏故居</a>
                <b>|</b>
                <a href="#">關于我們</a>
                <b>|</b>
                <a href="http://www.gxpb.gov.cn/">浦北縣門戶網</a>
            </footer>
            <footer>本網站始建于2020年12月</footer>
            <footer>網站創建人:admin(admin)</footer>
            <footer>本網站為HTML5期末考查作品</footer>
        </div>

    </div>

    <button onclick="topFunction()" id="myBtn" title="回頂部">回傳頂部</button>
    <!-- 呼叫js代碼 -->
    <script src="js/return_top.js"></script>
</body>

</html>

好了,今天就到這兒吧,小伙伴們點贊、收藏、評論,一鍵三連走起呀,下期見~~

目錄


轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/289321.html

標籤:其他

上一篇:前端—每天5道面試題(十二)

下一篇:ajax的基本使用

標籤雲
其他(157675) Python(38076) JavaScript(25376) Java(17977) C(15215) 區塊鏈(8255) C#(7972) AI(7469) 爪哇(7425) MySQL(7132) html(6777) 基礎類(6313) sql(6102) 熊猫(6058) PHP(5869) 数组(5741) R(5409) Linux(5327) 反应(5209) 腳本語言(PerlPython)(5129) 非技術區(4971) Android(4554) 数据框(4311) css(4259) 节点.js(4032) C語言(3288) json(3245) 列表(3129) 扑(3119) C++語言(3117) 安卓(2998) 打字稿(2995) VBA(2789) Java相關(2746) 疑難問題(2699) 细绳(2522) 單片機工控(2479) iOS(2429) ASP.NET(2402) MongoDB(2323) 麻木的(2285) 正则表达式(2254) 字典(2211) 循环(2198) 迅速(2185) 擅长(2169) 镖(2155) 功能(1967) .NET技术(1958) Web開發(1951) python-3.x(1918) HtmlCss(1915) 弹簧靴(1913) C++(1909) xml(1889) PostgreSQL(1872) .NETCore(1853) 谷歌表格(1846) Unity3D(1843) for循环(1842)

熱門瀏覽
  • vue移動端上拉加載

    可能做得過于簡單或者比較low,請各位大佬留情,一起探討技術 ......

    uj5u.com 2020-09-10 04:38:07 more
  • 優美網站首頁,頂部多層導航

    一個個人用的瀏覽器首頁,可以把一下常用的網站放在這里,平常打開會比較方便。 第一步,HTML代碼 <script src=https://www.cnblogs.com/szharf/p/"js/jquery-3.4.1.min.js"></script> <div id="navigate"> <ul> <li class="labels labels_1"> ......

    uj5u.com 2020-09-10 04:38:47 more
  • 頁面為要加<!DOCTYPE html>

    最近因為寫一個js函式,需要用到$(window).height(); 由于手寫demo的時候,過于自信,其實對前端方面的認識也不夠體系,用文本檔案直接敲出來的html代碼,第一行沒有加上<!DOCTYPE html> 導致了$(window).height();的結果直接是整個document的高 ......

    uj5u.com 2020-09-10 04:38:52 more
  • WordPress網站程式手動升級要做好資料備份

    WordPress博客網站程式在進行升級前,必須要做好網站資料的備份,這個問題良家佐言是遇見過的;在剛開始接觸WordPress博客程式的時候,因為升級問題和博客網站的修改的一些嘗試,良家佐言是吃盡了苦頭。因為購買的是西部數碼的空間和域名,每當佐言把自己的WordPress博客網站搞到一塌糊涂的時候 ......

    uj5u.com 2020-09-10 04:39:30 more
  • WordPress程式不能升級為5.4.2版本的原因

    WordPress是一款個人博客系統,受到英文博客愛好者和中文博客愛好者的追捧,并逐步演化成一款內容管理系統軟體;它是使用PHP語言和MySQL資料庫開發的,用戶可以在支持PHP和MySQL資料庫的服務器上使用自己的博客。每一次WordPress程式的更新,就會牽動無數WordPress愛好者的心, ......

    uj5u.com 2020-09-10 04:39:49 more
  • 使用CSS3的偽元素進行首字母下沉和首行改變樣式

    網頁中常見的一種效果,首字改變樣式或者首行改變樣式,效果如下圖。 代碼: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ......

    uj5u.com 2020-09-10 04:40:09 more
  • 關于a標簽的講解

    什么是a標簽? <a> 標簽定義超鏈接,用于從一個頁面鏈接到另一個頁面。 <a> 元素最重要的屬性是 href 屬性,它指定鏈接的目標。 a標簽的語法格式:<a href=https://www.cnblogs.com/summerxbc/p/"指定要跳轉的目標界面的鏈接">需要展示給用戶看見的內容</a> a標簽 在所有瀏覽器中,鏈接的默認外觀如下: 未被訪問的鏈接帶 ......

    uj5u.com 2020-09-10 04:40:11 more
  • 前端輪播圖

    在需要輪播的頁面是引入swiper.min.js和swiper.min.css swiper.min.js地址: 鏈接:https://pan.baidu.com/s/15Uh516YHa4CV3X-RyjEIWw 提取碼:4aks swiper.min.css地址 鏈接:https://pan.b ......

    uj5u.com 2020-09-10 04:40:13 more
  • 如何設定html中的背景圖片(全屏顯示,且不拉伸)

    1 <style>2 body{background-image:url(https://uploadbeta.com/api/pictures/random/?key=BingEverydayWallpaperPicture); 3 background-size:cover;background ......

    uj5u.com 2020-09-10 04:40:16 more
  • Java學習——HTML詳解(上)

    HTML詳解 初識HTML Hyper Text Markup Language(超文本標記語言) 1 <!--DOCTYPE:告訴瀏覽器我們要使用什么規范--> 2 <!DOCTYPE html> 3 <html lang="en"> 4 <head> 5 <!--meta 描述性的標簽,描述一些 ......

    uj5u.com 2020-09-10 04:40:33 more
最新发布
  • 我的第一個NPM包:panghu-planebattle-esm(胖虎飛機大戰)使用說明

    好家伙,我的包終于開發完啦 歡迎使用胖虎的飛機大戰包!! 為你的主頁添加色彩 這是一個有趣的網頁小游戲包,使用canvas和js開發 使用ES6模塊化開發 效果圖如下: (覺得圖片太sb的可以自己改) 代碼已開源!! Git: https://gitee.com/tang-and-han-dynas ......

    uj5u.com 2023-04-20 07:59:23 more
  • 生產事故-走近科學之消失的JWT

    入職多年,面對生產環境,盡管都是小心翼翼,慎之又慎,還是難免捅出簍子。輕則滿頭大汗,面紅耳赤。重則系統停擺,損失資金。每一個生產事故的背后,都是寶貴的經驗和教訓,都是專案成員的血淚史。為了更好地防范和遏制今后的各類事故,特開此專題,長期更新和記錄大大小小的各類事故。有些是親身經歷,有些是經人耳傳口授 ......

    uj5u.com 2023-04-18 07:55:04 more
  • 記錄--Canvas實作打飛字游戲

    這里給大家分享我在網上總結出來的一些知識,希望對大家有所幫助 打開游戲界面,看到一個畫面簡潔、卻又富有挑戰性的游戲。螢屏上,有一個白色的矩形框,里面不斷下落著各種單詞,而我需要迅速地輸入這些單詞。如果我輸入的單詞與螢屏上的單詞匹配,那么我就可以獲得得分;如果我輸入的單詞錯誤或者時間過長,那么我就會輸 ......

    uj5u.com 2023-04-04 08:35:30 more
  • 了解 HTTP 看這一篇就夠

    在學習網路之前,了解它的歷史能夠幫助我們明白為何它會發展為如今這個樣子,引發探究網路的興趣。下面的這張圖片就展示了“互聯網”誕生至今的發展歷程。 ......

    uj5u.com 2023-03-16 11:00:15 more
  • 藍牙-低功耗中心設備

    //11.開啟藍牙配接器 openBluetoothAdapter //21.開始搜索藍牙設備 startBluetoothDevicesDiscovery //31.開啟監聽搜索藍牙設備 onBluetoothDeviceFound //30.停止監聽搜索藍牙設備 offBluetoothDevi ......

    uj5u.com 2023-03-15 09:06:45 more
  • canvas畫板(滑鼠和觸摸)

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>canves</title> <style> #canvas { cursor:url(../images/pen.png),crosshair; } #canvasdiv{ bo ......

    uj5u.com 2023-02-15 08:56:31 more
  • 手機端H5 實作自定義拍照界面

    手機端 H5 實作自定義拍照界面也可以使用 MediaDevices API 和 <video> 標簽來實作,和在桌面端做法基本一致。 首先,使用 MediaDevices.getUserMedia() 方法獲取攝像頭媒體流,并將其傳遞給 <video> 標簽進行渲染。 接著,使用 HTML 的 < ......

    uj5u.com 2023-01-12 07:58:22 more
  • 記錄--短視頻滑動播放在 H5 下的實作

    這里給大家分享我在網上總結出來的一些知識,希望對大家有所幫助 短視頻已經無數不在了,但是主體還是使用 app 來承載的。本文講述 H5 如何實作 app 的視頻滑動體驗。 無聲勝有聲,一圖頂百辯,且看下圖: 網址鏈接(需在微信或者手Q中瀏覽) 從上圖可以看到,我們主要實作的功能也是本文要講解的有: ......

    uj5u.com 2023-01-04 07:29:05 more
  • 一文讀懂 HTTP/1 HTTP/2 HTTP/3

    從 1989 年萬維網(www)誕生,HTTP(HyperText Transfer Protocol)經歷了眾多版本迭代,WebSocket 也在期間萌芽。1991 年 HTTP0.9 被發明。1996 年出現了 HTTP1.0。2015 年 HTTP2 正式發布。2020 年 HTTP3 或能正... ......

    uj5u.com 2022-12-24 06:56:02 more
  • 【HTML基礎篇002】HTML之form表單超詳解

    ??一、form表單是什么

    ??二、form表單的屬性

    ??三、input中的各種Type屬性值

    ??四、標簽 ......

    uj5u.com 2022-12-18 07:17:06 more