当前位置: 首页 > news >正文

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

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

文章目录

  • 一、作品介绍
  • 二、作品演示
  • 三、代码目录
  • 四、网站代码
    • 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>

五、源码获取

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

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 23.合并K个升序链表-----力扣
  • 多元统计分析——基于R语言的单车使用情况可视化分析
  • C语言贪吃蛇之BUG满天飞
  • 提交试卷+智能生成评价
  • wpf DataTemplate 和 ControlTemplate 区别,应用举例
  • iPhone13手机照片被误删,有什么方法可以恢复吗?
  • 基于ssm+vue+uniapp的跑腿平台小程序
  • Java之迭代器的使用
  • Qt QTableWidgetItem.setFlags()
  • [M双指针] lc209. 长度最小的子数组(双指针+好题)
  • 开发一个免费的图表网站 Free Charts
  • 《机器学习》—— AUC评估指标
  • 多线程中常见问题
  • 《第二十四章 多线程与异步任务 - AsyncTask 异步任务》
  • Spring笔记(二)
  • 2018天猫双11|这就是阿里云!不止有新技术,更有温暖的社会力量
  • CAP 一致性协议及应用解析
  • CSS 三角实现
  • css的样式优先级
  • Facebook AccountKit 接入的坑点
  • GitUp, 你不可错过的秀外慧中的git工具
  • Mac转Windows的拯救指南
  • PAT A1017 优先队列
  • scala基础语法(二)
  • ​ 全球云科技基础设施:亚马逊云科技的海外服务器网络如何演进
  • ​html.parser --- 简单的 HTML 和 XHTML 解析器​
  • !!【OpenCV学习】计算两幅图像的重叠区域
  • # 利刃出鞘_Tomcat 核心原理解析(二)
  • # 数据结构
  • # 透过事物看本质的能力怎么培养?
  • # 移动硬盘误操作制作为启动盘数据恢复问题
  • #1015 : KMP算法
  • $forceUpdate()函数
  • (day 2)JavaScript学习笔记(基础之变量、常量和注释)
  • (vue)页面文件上传获取:action地址
  • (附源码)springboot家庭装修管理系统 毕业设计 613205
  • (附源码)SSM环卫人员管理平台 计算机毕设36412
  • (附源码)基于ssm的模具配件账单管理系统 毕业设计 081848
  • (论文阅读23/100)Hierarchical Convolutional Features for Visual Tracking
  • (十五)devops持续集成开发——jenkins流水线构建策略配置及触发器的使用
  • (幽默漫画)有个程序员老公,是怎样的体验?
  • (转)Android学习系列(31)--App自动化之使用Ant编译项目多渠道打包
  • ... 是什么 ?... 有什么用处?
  • ./和../以及/和~之间的区别
  • .gitignore文件使用
  • .Net 6.0--通用帮助类--FileHelper
  • .NET CLR基本术语
  • .net core webapi Startup 注入ConfigurePrimaryHttpMessageHandler
  • .NET core 自定义过滤器 Filter 实现webapi RestFul 统一接口数据返回格式
  • .vimrc 配置项
  • @data注解_SpringBoot 使用WebSocket打造在线聊天室(基于注解)
  • []我的函数库
  • [Algorithm][动态规划][01背包问题][目标和][最后一块石头的重量Ⅱ]详细讲解
  • [BZOJ] 2427: [HAOI2010]软件安装
  • [c#基础]DataTable的Select方法