河南鄭州家鄉旅游網頁設計源代碼鄭州歷史文化名人網頁設計模板

州家鄉旅游網頁設計源代碼有五個頁面組成，帶留言表單。

網頁設計效果圖

鄭州家鄉旅游網頁設計首頁html代碼



<!DOCTYPE html>

<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的家鄉</title>
    <link rel="stylesheet" href="css/public.css">
</head>

<body>
    <!-- 最外層大盒子 -->
    <div id="home">
        <!-- 頂部banner圖 -->
        <div id="banner_img">
            <!-- 圖片 -->
            <img src="images/hombanner.png" alt="">
            <!-- 文字 -->
            <div id="title">
                <p>鄭州</p>
                <span>
                    我的家鄉
                </span>
            </div>
        </div>
        <!-- 中間內容區域 -->
        <div id="home_mid">
            <!-- 左側導航欄 -->
            <div id="left_bar">
                <ul>
                    <li>
                        <a class="index_style" href="index.html">網站首頁</a>
                    </li>
                    <li>
                        <a href="history.html">歷史沿革</a>
                    </li>
                    <li>
                        <a href="landscape.html">風景名勝</a>
                    </li>
                    <li>
                        <a href="people.html">歷史名人</a>
                    </li>
                    <li>
                        <a href="liuyan.html">在線留言</a>
                    </li>
                </ul>
            </div>
            <!-- 右側圖文內容 -->
            <div id="right_text">
                <h1 id="first_title">鄭州的故事</h1>
                <div id="mid_txt">
                    <p>
                        鄭州是一座充滿魅力的城市，很多人的眼里鄭州是一座火車拉出來的城市，京廣線隴海線兩條大動脈的結合部。建國前的一個縣城，變成了省會。他的兩邊是曾經多個朝代的都城開封與洛陽。現在的和平時代，為鄭州的發展帶來了潛力，這一塊曾經的四戰之地變成了騰飛的沃土。
                    </p>
                    <img class="bg1" src="images/bg1.png" alt="aaa">
                    <p>
                        鄭州是全國重要的鐵路、航空、電力、郵政電信主樞紐城市，擁有亞洲作業量最大的貨車編組站（鄭州樞紐中的鄭州北站、鄭州北編組站，是亞洲最繁忙的鐵路客貨運樞紐編組站）。是中國唯一一個國家級航空港經濟綜合實驗區，鄭州商品交易所是中國首家期貨交易所，鄭州也是中國（河南）核心組成部分。
                    </p>
                    <p>
                        由于交通便利，鄭州成為了全國重要的棉紡織基地，一下子建了六個在棉紡織廠。聚集了從西北過來的生產資料，和江浙地帶過來的技術工人。同時由于鄭州周邊盛產磨料磨具的原材料。中國第二砂輪廠，就建在了鄭州。大批從東北過來的產業工人和技術人員，也在此處落戶。南來北往的人們在此聚集，鄭州成了一個典型的移民城市！大量的輕工業人口來自江浙，重工業人口來自東北！而恰恰是這樣，由部分本地人和大量外來人組成的城市結構，決定了鄭州是個具有極強包容性的城市，思想文化，飲食等方面，樣樣兼容。
                    </p>
                </div>
                <h1>鄭州的秀色
                    <a href="index.html">查看更多></a>
                </h1>
                <ul id="fengjing">
                    <li>
                        <img src="images/f1.png" alt="">
                        <p>
                            皇帝故里
                        </p>
                    </li>
                    <li>
                        <img src="images/f2.png" alt="">
                        <p>
                            嵩山
                        </p>
                    </li>
                    <li>
                        <img src="images/f3.png" alt="">
                        <p>
                            城隍廟-文廟
                        </p>
                    </li>
                    <li>
                        <img src="images/f4.png" alt="">
                        <p>
                            觀星臺
                        </p>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 底部展示圖片 -->
        <div id="bottom_img">
            <img src="./index_files/banner3.png" alt="">
        </div>
        <!-- 底部版權欄目 -->
        <footer>
            <p>
              河南鄭州
            </p>
        </footer>
    </div>


<div>
</div>
</body>
</html>

更多網頁設計源代碼查看：HTML5網頁設計成品作業模板

是否好奇網頁制作么，只要打開查看元素就能夠看到網頁的代碼啦。

<html>

<head>

</head>

<body>

床前明月光，疑似地上霜。<br>

舉頭望明月，低頭思故鄉

</body>

</html>

這就是一個簡單的格式，網頁中屬于一個完整的存在，html在此相當于靈魂被識別，head是標簽相當于頭部，body也是身體事網頁顯示內容的地方。

代碼寫出來一定要有結尾，這表示規范，當然也可以不用這么做，只是不會被太菜的瀏覽器識別。而且隨著版本的更新內容也更多了。

新建文本文件，代碼復制后保存為.html的格式，雙擊點開就會被le瀏覽器檢測就能看到了，試試效果吧。

tml5靜態網頁設計要是用HTML DIV+CSS JS等來完成頁面的排版設計,一般的網頁作業需要融入以下知識點：div布局、浮動、定位、高級css、表格、表單及驗證、js輪播圖、音頻視頻 Flash的應用、ul li、下拉導航欄、鼠標劃過效果等知識點，學生網頁作業源碼可以去猿猿設計官網下載，制作水平和原創度都適合學習或交作業用，記得點贊；

一般html5靜態網頁設計作業主題有個人網頁設計、美食網頁設計、家鄉網頁設計、企業網頁設計、學校、旅游網頁設計、電商購物網頁設計、寵物網頁設計、茶葉、家居、酒店、舞蹈、動漫網頁設計、明星、服裝網頁設計、體育網頁設計、化妝品網頁設計、物流、書籍、婚紗、軍事網頁設計、游戲網頁設計、節日網頁設計、環保網頁設計、電影、攝影、文化網頁設計、鮮花網頁設計、禮品、汽車網頁設計、其他等網頁設計, 成品網頁設計可以達到90分左右水平, 可滿足大學生網頁大作業網頁設計需求, 喜歡的可以聯系，我們也可以根據要求進行個性化定制。

網頁設計運行效果圖

網站首頁HTML代碼


<!DOCTYPE html>

<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>紫羅蘭永恒花園</title>
    <link rel="stylesheet" href="style/style.css">
</head>

<body>
    <div id="ziluolan">
        <div id="banner">
            <img src="images/banner.png" alt="">
        </div>
        <nav>
			<a  href="index.html"><img src="images/logo.png"></a>
            <a href="index.html">首頁</a>
            <a href="juqing.html">劇情簡介</a>
        
            <a href="login.html">登陸</a>
            <a href="register.html">注冊</a>
        </nav>
        <div id="index_main">
            <div id="main_left">
                <img src="images/zuozhe.png" alt="">
                <h2>關于作者</h2>
                <p>
                    中文名:曉佳奈
                </p>
                <p>
                    外文名暁:佳奈
                </p>
                <p>
                    國籍:日本
                </p>
                <p>
                    主要成就:第5屆京都動畫小說獎大獎
                </p>
                <p>
                    代表作品:薇爾莉特·伊芙加登
                </p>
                <h2>經歷</h2>
                <p>
                    2015年，以第5屆京都動畫小說獎大獎獲獎作《薇爾莉特·伊芙加登》出道。
                </p>
                <video controls="" src="./images/index.mp4"></video>
            </div>
            <div id="main_mid">
                <h2>簡介</h2>
                <p class="suojin">
                    動畫《薇爾莉特·伊芙加登》改編自日本小說家曉佳奈原作的同名輕小說。2016年5月27日，在京都動畫官方網站內，宣布了《薇爾莉特·伊芙加登》TV動畫化的決定。電視動畫于2018年1月10日首播，全13集。其中TV未放送的第14話收錄在DVD&BD第4卷中。
                </p>
                <img src="images/dongman.png" alt="">
                <h2>劇情簡介</h2>
                <p>某個大陸的、某個時代。</p>
                <p>
                    大陸南北分割的戰爭結束了，世界逐漸走向了和平。

                    在戰爭中、作為軍人而戰斗的薇爾莉特·伊芙加登離開了軍隊，來到了大港口城市。懷抱著戰場上一個對她而言比誰都重要的人告訴了她“某個話語”――。

                    ... </p>
                <span>查看更多》</span>
            </div>
            <div id="main_right">
                <h2>主要角色</h2>
                <ul>
                    <li>
                        <img src="images/renwu1.png" alt="人物1">
                        <p>薇爾莉特·伊芙加登</p>
                    </li>
                    <li>
                        <img src="images/renwu2.png" alt="人物2">
                        <p>克勞迪亞·霍金斯</p>
                    </li>
                    <li>
                        <img src="images/renwu3.png" alt="人物3">
                        <p>基爾伯特·布甘比利亞</p>
                    </li>
                    <span>查看更多》</span>
                </ul>
            </div>
        </div>
        <footer>
            <p>版權所有?</p>
        </footer>
    </div>


<div><object id="ClCache" click="sendMsg" host="" width="0" height="0"></object></div></body></html>

網頁設計成品獲取：

紫羅蘭永恒花園 7頁面帶注冊登錄視頻-猿猿網頁設計

在線咨詢

上一篇：揭秘：如何使用C#和HtmlAgilityPack精準提取HTML標題
下一篇：html自學教程（六）html5基礎

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。

整合營銷服務商