河南郑州家乡旅游网页设计源代码郑州历史文化名人网页设计模板

州家乡旅游网页设计源代码有五个页面组成，带留言表单。

网页设计效果图

郑州家乡旅游网页设计首页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小时内与您取得联系。

整合营销服务商