HTML静态网页成品作业(HTML+CSS)——家乡常德介绍网页(1个页面)

ops/2024/10/18 23:29:26/

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

文章目录

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


一、作品介绍

🏷️本套采用HTML+CSS,未使用Javacsript代码,共有1个页面

二、作品演示

在这里插入图片描述

三、代码目录

在这里插入图片描述

四、网站代码

HTML部分代码

 <div class="top"><div class="topLogo">常德</div><div class="topNav"><ul><li><a href="">常德首页</a></li><li><a href="">常德概况</a></li><li><a href="">常德古迹</a></li><li><a href="">常德民俗</a></li></ul></div><div class="topGk"><p>常德,古称“武陵”“朗州”,湖南省辖地级市,位于湖南北部,江南洞庭湖西侧,武陵山下,史称“川黔咽喉,云贵门户”,是长江经济带、长江中游城市群、环洞庭湖生态经济圈的重要城市。全市总面积1.82万平方千米。根据2020年第七次人口普查数据,截止2020111日零时,全市常住人口5279102人。</p><p>常德城名源自《老子》“为天下溪,常德不离”;历史故事“刘海砍樵”“孟姜女哭长城”以及陶渊明笔下的《桃花源记》等浪漫主义情结贯穿常德城二千多年的历史,开创了常德独有的“善德文化”。</p><p>常德先后荣获全国文明城市 、中国优秀旅游城市、国家卫生城市、国家园林城市、中国首届魅力城市、国际湿地城市、国际花园城市、全国交通管理模范城市、国家环境保护模范城市、中华诗词之市等称号。</p><p>2017年,常德市复查确认继续保留全国文明城市荣誉称号。 [5]  2018年重新确认国家卫生城市(区)。 [6]  2022年,常德实现地区生产总值4274.52亿元。</p><p>20224月,第三届全国文明城市湖南省常德市因创建工作滑坡被取消全国文明城市荣誉称号。</p></div></div><div class="midGj"><div class="miWidth"><div class="mgTitBox"><div class="mgTit">常德<span class="red">古迹</span></div></div><div class="miList"><div class="miItem"><div class="miItemImg"><img src="./img/gj1.jpg" alt=""></div><div class="miItemName">城头山古文化遗址</div></div><div class="miItem"><div class="miItemImg"><img src="./img/gj2.jpg" alt=""></div><div class="miItemName">余家牌坊</div></div><div class="miItem"><div class="miItemImg"><img src="./img/gj3.jpg" alt=""></div><div class="miItemName">八十垱遗址</div></div><div class="miItem"><div class="miItemImg"><img src="./img/gj4.jpg" alt=""></div><div class="miItemName">桃花源古建筑群</div></div></div></div></div>

五、源码获取

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


http://www.ppmy.cn/ops/47295.html

相关文章

前端实习记录——git篇(公司拉取项目流程)

实习中第一步就是拉取项目&#xff0c;看项目代码&#xff0c;下面总结一下我在公司项目拉取项目流程。 1、联系leader开通gitlab账号 2、查看/配置git用户名和密码 &#xff08;1&#xff09;查看 git config user.name git config user.email git config user.password &…

数据分析——Excel篇

1*学习碎片知识点记录&#xff1a; CtrlshiftL 筛选 UV&#xff08;Unique visitor&#xff09;&#xff1a;是指通过互联网访问、浏览这个网页的自然人。访问网站的一台电脑客户端为一个访客。00&#xff1a;00-24&#xff1a;00相同的客户端只被计算一次&#xff0c;一天内…

【react】useEffect 快速上手

useEffect 快速上手 useEffect(setup, dependencies?) 可以接收两个参数&#xff0c;分别是回调函数与依赖数组. useEffect 用什么姿势来调用&#xff0c;本质上取决于你想用它来达成什么样的效果。下面我们来简单介绍 useEffect 的调用规则。 每一次渲染后都执行的副作用&a…

Docker部署MYSQL8.0发现启动了却无法连接,Navicat连接后项目正常连接的解决方案

Docker部署MYSQL8.0发现启动了却无法连接&#xff0c;使用Navicat连接后项目正常连接 客户端不支持caching_sha2_password的加密方式 可进入容器处理或使用navicat连接后修改 # 进入mysql容器内容 docker exec -it mysql bash # 进入输入下面命令 ,然后输入密码 mysql -u roo…

第一个SpringBoot项目

目录 &#x1f4ad;1、新建New Project IDEA2023版本创建Sping项目只能勾选17和21&#xff0c;却无法使用Java8&#xff1f;&#x1f31f; 2、下载JDK 17&#x1f31f; &#x1f4ad;2、项目创建成功界面 1、目录 &#x1f31f; 2、pom文件&#x1f31f; &#x1f4ad;3、…

MySQL之查询性能优化(四)

查询性能优化 MySQL客户端/服务器通信协议 一般来说&#xff0c;不需要去理解MySQL通信协议的内部实现细节&#xff0c;只需要大致理解通信协议是如何工作的。MySQL客户端和服务器之间的通信协议是"半双工"的&#xff0c;这意味着&#xff0c;在任何一个时刻&#…

MySQL经典练习50题(上)(解析版)

所有笔记、生活分享首发于个人博客 想要获得最佳的阅读体验&#xff08;无广告且清爽&#xff09;&#xff0c;请访问本篇笔记 MySQL经典练习50题&#xff08;上&#xff09; 创建数据库和表 -- 建 表 -- 学 生 表 CREATE TABLE Student( s_id VARCHAR(20), s_name VARCHAR(2…

Flutter 中的 InheritedTheme 小部件:全面指南

Flutter 中的 InheritedTheme 小部件&#xff1a;全面指南 Flutter 是一个由 Google 开发的跨平台 UI 框架&#xff0c;它允许开发者使用 Dart 语言构建高性能、美观的移动、Web 和桌面应用。在 Flutter 的丰富组件库中&#xff0c;InheritedTheme 是一个特殊的组件&#xff0…