HTML静态网页成品作业(HTML+CSS)——家乡广州介绍设计制作(5个页面)

news2025/1/12 14:26:42

🎉不定期分享源码，关注不丢失哦

文章目录

一、作品介绍
二、作品演示
三、代码目录
四、网站代码
- HTML部分代码
五、源码获取

一、作品介绍

🏷️本套采用HTML+CSS，未使用Javacsript代码，共有5个页面。

二、作品演示

在这里插入图片描述

三、代码目录

在这里插入图片描述

四、网站代码

HTML部分代码


<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8"> 
	<title>家乡简介</title>
    <link href="css/css.css" rel="stylesheet" type="text/css" />
<body>
<div>
	<audio src="media/1.mp3" autoplay=""></audio><!--音频-->
	<div class="banner">
    	<img src="images/banner.jpg">
    </div>
    <div class="gundong">
        <marquee><p>欢迎访问我的网站</p></marquee>
    </div>
    <div class="nav">
    	<a href="index.html">家乡简介</a>
        <a href="meishi.html">特色美食</a>
        <a href="zhaopian.html">美景照片</a>
        <a href="fengjing.html">景点介绍</a>
        <a href="shipin.html">美食视频</a>
    </div>
    <div class="main">
        <div class="cont">         
              <p>
              	广州，简称穗，别称羊城、花城，是广东省会、副省级市，中国国家中心城市，世界著名的港口城市，国家重要的经济、金融、贸易、交通、会展和航运中心。从秦朝开始，
              	广州一直是郡治、州治、府治的行政中心。二千多年来一直都是华南地区的政治、军事、经济、文化和科教中心。广州文化主要是属于岭南文化的"广府文化"，客家文化次之。
                1982年广州被中国国务院公布为中国第一批国家历史文化名城。 
              </p>
              <p>
              	广州地处中国大陆南方、广东省中南部、珠江三角洲北缘，是中国的南大门，国家综合交通枢纽，国务院定位的国际大都市和国家三大综合性门户城市之一，与北京、上海并称
                "北上广"，社会经济文化辐射力直指东南亚。
              </p>
              <p>广州是中国近现代革命的策源地。1911年爆发的广州"三·二九"起义，打响了辛亥革命第一枪，拉开了辛亥革命的序幕.</p>
              <p>广州作为中国最大、历史最悠久的对外通商口岸和海上丝绸之路的起点之一，有"千年商都"之称。加上外国人士众多，也被称为"第三世界首都"。 </p>
              <img src="images/jiaxiang1.jpg">
              <img src="images/jiaxiang2.jpg">
        </div>
    </div>
    <div class="foot">
    	<p>家乡美食美景介绍</p>
    </div>
</body>
</html>