网页设计效果图
<!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> 由于交通便利，郑州成为了全国主要的棉纺织基地，一下子建了六个在棉纺织厂。聚拢了从西北过来的生产资料，和江浙地带过来的技能工人。同时由于郑州周边盛产磨料磨具的原材料。中国第二砂轮厂，就建在了郑州。大批从东北过来的家当工人和技能职员，也在此处落户。南来北往的人们在此聚拢，郑州成了一个范例的移民城市！更多网页设计源代码查看：HTML5网页设计成品作业模板
大量的轻工业人口来自江浙，重工业人口来自东北！
而正好是这样，由部分本地人和大量外来人组成的城市构造，决定了郑州是个具有极强原谅性的城市，思想文化，饮食等方面，样样兼容。 </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>
