|
郑州家乡旅游网页设计源代码有五个页面构成，带留言表单。
网页设计效果图
郑州家乡旅游网页设计首页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>
| 
发表于 2024-7-27 22:37:24