基本信息
源码名称:html+css我的家乡网站
源码大小:26.76M
文件格式:.zip
开发语言:CSS
更新时间:2024-06-21
   友情提示:(无需注册或充值,赞助后即可获取资源下载链接)

     嘿,亲!知识可是无价之宝呢,但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下,绝对物超所值哦!如有下载和支付问题,请联系我们QQ(微信同号):813200300

本次赞助数额为: 2 元 
   源码介绍

静态网页设计,6个页面

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>index.html</title>
    <link type="text/css" rel="stylesheet" href="out.css">
</head>

<body>
    <div class="header">
        <!--头部-->
        <img id="hi1" src="tupian/tongling1.jpeg">
    </div>

    <div class="dh">
        <!--导航栏 -->
        <ul>
            <li><a href="我的家乡.html#">首页</a></li>
            <li><a href="家乡简介.html#">家乡简介</a></li>
            <li><a href="风景名胜.html#">风景名胜</a></li>
            <li><a href="美食特色.html#">美食特色</a></li>
            <li><a href="历史名人.html#">历史名人</a></li>
            <li><a href="地方特产.html#">地方特产</a></li>
        </ul>
    </div>
    <div class="donghua">
        <!--轮播-->
        <div id="photo">
            <img src="tupian/tongling2.jpeg">
            <img src="tupian/tongling11.jpeg">
            <img src="tupian/tongling12.png">
            <img src="tupian/tongling13.jpeg">
            <img src="tupian/tongling14.jpeg">
        </div>
    </div>
    <div class="zhuti"><!--主体部分-->
        <div class="zhuti">
            <div id="zhuti-left"><!--主体左侧新闻部分-->
                <table><!--新闻表格-->
                    <tr>
                        <img src="tupian/tongling4.jpeg">
                    </tr>
                    <h4>铜陵新闻</h4>
                    <hr size="3" color="rgb(24, 24, 88)">
                    <a href="http://fufeng.gov.cn/art/2022/5/13/art_47_1503593.html">
                        <p>
                            2022年,铜陵市实现地区生产总值1209.9亿元,其中,第一产业增加值61.8亿元,第二产业增加值602.8亿元,第三产业增加值545.3亿元。三次产业结构为5.1:49.8:45.1。按常住人口计算,人均地区生产总值92823元。
                        </p>
                    </a>
                    </tr>

                </table>
            </div>

            <div id="zhuti-right"><!--主体右侧部分-->
                <table>
                    <tr>
                        <h4>铜陵介绍</h4><!--文字介绍铜陵-->
                        <hr size="3" color="rgb(24, 24, 88)">
                        <p>
                          铜陵市,别名铜都 ,古称定陵、义安 ,安徽省辖地级市,是长江三角洲中心区城市 ,地处中国华东地区,安徽省中南部、长江下游,铜陵市总面积2991.87平方千米 ,辖3个市辖区、1个县,市政府驻铜官区 。
                        </p>
                        <p>
                          铜陵市因铜得名、以铜而兴,有“中国古铜都,当代铜基地”之称,采冶铜的历史始于商周,盛于汉唐,延绵3500余年。1956年建市。新中国第一炉铜水、第一块铜锭出自铜陵市,第一个铜工业基地建于铜陵市,第一支铜业股票发自铜陵市,安徽省首个千亿元企业来自铜陵市 。铜陵市是长江经济带重要节点城市、皖中南中心城市、皖南国际旅游文化示范区城市  ,是全国八大有色金属工业基地之一,也是全国重要的硫磷化工基地、国家级电子材料产业基地、长江流域重要的建材生产基地。
                        </p>
                    </tr>
                    <tr>
                        <br>
                        <h4>主要风景</h4><!--滚动主要风景-->
                        <hr size="3" color="rgb(24, 24, 88)">
                        <marquee behavior="scroll" height="170px">
                            <ul>
                                <li><img src="tupian/tongling3.jpg"></li>
                                <li><img src="tupian/tongling5.jpeg"></li>
                                <li><img src="tupian/tongling7.jpg"></li>
                                <li><img src="tupian/tongling8.jpg"></li>
                                <li><img src="tupian/tongling9.jpeg"></li>
                                <li><img src="tupian/tongling10.jpeg"></li>
                            </ul>
                        </marquee>
                        <hr size="3" color="rgb(24, 24, 88)">
                    </tr>
                </table>
            </div>
        </div>

    </div>
    <div id="" class="footer">
        <!--页尾-->
        <img id="fi1" src="tupian/tongling6.jpeg"><!--尾页右下角图片-->
        <p><!--尾页文字-->
            世界铜都 皖美铜陵
        </p>
        <p>
            welcome to tongling||铜陵欢迎您!
        </p>
    </div>
</body>

</html>