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

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


一、作品介绍

🏷️本套采用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>


五、源码获取

🥇 ~ 关注我,点赞博文~ 每天带你涨知识!
🎁1.看到这里了就[点赞+好评+收藏]三连 支持下吧,你的「点赞,好评,收藏」是我创作的动力。
💙2.想要获取本文源码,点击前往吧

最近更新

  1. TCP协议是安全的吗?

    2024-03-16 21:38:02       19 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-03-16 21:38:02       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-03-16 21:38:02       19 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-03-16 21:38:02       20 阅读

热门阅读

  1. Redis 简介与使用

    2024-03-16 21:38:02       20 阅读
  2. QT6.6 android下fftw-3.3.10库编译及调用so库方法

    2024-03-16 21:38:02       19 阅读
  3. KMM初探

    KMM初探

    2024-03-16 21:38:02      14 阅读
  4. Linux 服务器环境搭建

    2024-03-16 21:38:02       22 阅读
  5. Winform编程详解八:Label 标签控件

    2024-03-16 21:38:02       19 阅读
  6. ref和reactive的区别?

    2024-03-16 21:38:02       20 阅读
  7. 导出oracle远程数据库到本地

    2024-03-16 21:38:02       21 阅读
  8. Python学习笔记之math库的使用

    2024-03-16 21:38:02       28 阅读