家乡主题网页设计（小白必看）

话不多说，直接上效果展示图：家乡主题网页由六部分组成，首页：家乡历史：家乡美景：家乡名人：家乡美食：家乡建筑：首页html源码：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>我的家乡四川</title><link rel="styles

Ares丶茂

51831人浏览 · 2020-06-26 08:48:25

Ares丶茂 · 2020-06-26 08:48:25 发布

用HTML+CSS做一个漂亮简单的个人网页

话不多说，直接上效果展示图：
家乡主题网页由六部分组成，首页：
在这里插入图片描述
家乡历史：

家乡美景：

家乡名人：

家乡美食：
家乡建筑：

首页html源码：

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>我的家乡四川</title>
 <link rel="stylesheet" type="text/css" href="index.css">
</head>
<body>
 <div class="container">
                      <div class="bodystyle">
  <div class="header">
   <ul>
    <li><a href="index.html" style="color: red">首页</a></li>
    <li><a href="history.html">家乡历史</a></li>
    <li><a href="scenery.html">家乡美景</a></li>
    <li><a href="famous.html">家乡名人</a></li>
    <li><a href="food.html">家乡美食</a></li>
    <li><a href="build.html">家乡建筑</a></li>
   </ul>
  </div>
  <div class="main">
   <ul class="list">
    <li class="introduce">
     <ul>
      <li>
       <h1>四川简介</h1>
       <img src="image/introduce.png" width="50%">
      </li>
      <li>
       <p>四川，简称川或蜀，是中国23个省之一，省会成都。位于中国西南地区内陆，界于北纬26°03′～34°19′，东经97°21′～108°12′之间，东连重庆，南邻云南、贵州，西接西藏，北接陕西、甘肃、青海。四川省地貌东西差异大，地形复杂多样，位于中国大陆地势三大阶梯中的第一级青藏高原和第二级长江中下游平原的过渡地带，高差悬殊，地势呈西高东低的特点</p>
      </li>
     </ul>
    </li>
    <li class="introduce">
     <ul>
      <li>
       <h1>人口民族</h1>
       <img src="image/pop.png">
      </li>
      <li>
       <p>2019年，四川省出生人口89.4万人，人口出生率10.70‰；死亡人口59.3万人，人口死亡率7.09‰；人口自然增长率3.61‰。年末常住人口8375万人，比上年末增加34万人，其中城镇人口4504.9万人，乡村人口3870.1万人。常住人口城镇化率53.79%，比上年末提高1.5个百分点。有56个民族。汉族、彝族、藏族、羌族、苗族、土家族、傈僳族、纳西族、布依族、白族、壮族、傣族为省内世居民族。</p>
      </li>
     </ul>
    </li>
    <li class="introduce">
     <ul>
      <li>
       <h1>风景名胜</h1>
       <img src="image/culture.png">
      </li>
      <li>
       <p>四川有世界遗产7处，列居全国第二位。其中：世界自然遗产3处（九寨沟、黄龙、四川大熊猫栖息地），世界文化与自然双重遗产1处（峨眉山—乐山大佛），世界文化遗产1处（青城山—都江堰），世界灌溉工程遗产2处（东风堰、都江堰）。列入世界《人与生物圈保护网络》的保护区有4处（九寨、卧龙、黄龙、稻城亚丁）。</p>
      </li>
     </ul>
    </li>
    <li class="introduce">
     <ul>
      <li>
       <h1>特产美食</h1>
       <img src="image/economic.png" width="50%">
      </li>
      <li>
       <p>黄耙、泸州桂圆、合江荔枝、泸州白糕、泸州油纸伞、泸州肥儿粉、古蔺麻辣鸡、殷家坡醪糟、纳溪泡糖、酒心糖、长江鲜鱼黄辣丁、泸州老窖、郎酒、国窖1573</p>
      </li>
     </ul>
    </li>
   </ul>
  <div>
  <div class="footer">
   <p>
    <a href="javascript::">关于我们</a>
    <a href="javascript::">联系我们</a>
    <a href="javascript::">反馈</a>
    <a href="javascript::" style="border: none">更多</a>
   </p>
  </div>
  
 </div>
</body>
</html>