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

HTML静态网页成品作业(HTML+CSS)—— 家乡山西介绍网页(3个页面)

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

文章目录

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


一、作品介绍

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

二、作品演示

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

三、代码目录

在这里插入图片描述

四、网站代码

HTML部分代码

<!DOCTYPE html>
<html lang="zh">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title></title><link rel="stylesheet" href="./css/style.css">
</head>
<body><div class="k"><img class="toubu" src="./images/toubu.jpg" alt=""><ul class="nav"><li><a href="index.html" class="xuanzhong">首页简介</a></li><li><a href="fengjing.html">风景名胜</a></li><li><a href="meishi.html">地方美食</a></li></ul><div class="neirong"><div class="neirong1"><img class="neirong1_tupian" src="./images/neirong1.jpeg" alt=""><div class="neirong1_jieshao">山西省,简称“晋”,中华人民共和国省级行政区,省会太原市,位于中国华北,东与河北省为邻,西与陕西省相望,南与河南省接壤,北与内蒙古自治区毗连,介于北纬34°34′—40°44′,东经110°14′—114°33′之间,总面积15.67万平方千米。截至20239月,山西省共辖11个地级市。2023年末,山西省常住人口为3465.99万人。山西省地势呈东北斜向西南的平行四边形,是典型的为黄土覆盖的山地高原,地势东北高西南低。高原内部起伏不平,河谷纵横,地貌有山地、丘陵、高原、盆地、台地等,其中山地、丘陵占 80%。山西省地跨黄河、海河两大水系,河流属于自产外流型水系。山西省地处中纬度地带的内陆,属温带大陆性季风气候。 山西地处秦晋文化区,历史代表文化为“三晋文化” 。</div></div><div class="neirong_name">山西风光</div><div class="neirong2"><div class="neirong2_tupian"><img src="./images/neirong2_1.jpg" alt=""></div><div class="neirong2_tupian"><img src="./images/neirong2_2.jpg" alt=""></div><div class="neirong2_tupian"><img src="./images/neirong2_3.jpg" alt=""></div><div class="neirong2_tupian"><img src="./images/neirong2_4.jpg" alt=""></div><div class="neirong2_tupian"><img src="./images/neirong2_5.jpeg" alt=""></div><div class="neirong2_tupian"><img src="./images/neirong2_6.jpeg" alt=""></div></div></div><div class="dibu">美丽山西 欢迎您</div></div>
</body>
</html>

五、源码获取

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

http://www.lryc.cn/news/378993.html

相关文章:

  • 【抽代复习笔记】20-群(十四):定理6的补充证明及三道循环置换例题
  • 【单片机毕业设计选题24018】-基于STM32和阿里云的农业大棚系统
  • 【计算机毕业设计】​206校园顺路代送微信小程序
  • 9、PHP 实现调整数组顺序使奇数位于偶数前面
  • iOS开发工具-网络封包分析工具Charles
  • 7、PHP 实现矩形覆盖
  • 鸿蒙开发通信与连接:【@ohos.wifiext (WLAN)】
  • Ps:脚本事件管理器
  • redis哨兵模式下业务代码连接实现
  • Java中将文件转换为Base64编码的字节码
  • 【C++高阶】探索STL的瑰宝 map与set:高效数据结构的奥秘与技巧
  • cd 命令特殊路径符 mkdir命令
  • Mongodb UPDATE, 使用$position指定向数组中插入新元素的位置
  • 【Kafka】Kafka Broker工作流程、节点服役与退役、副本、文件存储、高效读写数据-08
  • 如何恢复未格式化分区数据?看这里!
  • 通过“BOSS”精通比特币,深入认识私钥、账户和钱包
  • 进程与线程的区别
  • 【AI基础】第五步:纯天然保姆喂饭级-安装并运行chatglm3-6b
  • 【学习笔记】Elastic-Job和Quartz 实现企业级定时任务
  • 舒适佩戴,享受沉浸式音乐体验,西圣AVA2耳机体验
  • c++学习-----内存管理
  • 可视化数据科学平台在信贷领域应用系列七:自动机器学习(下篇)
  • OpenGL Super Bible 7th-Primitives, Pipelines, and Pixels图元、渲染管线与像素
  • SpringBoot3.0更新后,IDEA创建SpringBoot2.x项目
  • Linux开发讲课8--- linux的5种IO模型
  • 什么是云主机?
  • 力扣上的经典问题:接雨水
  • 双例集合(二)——双例集合的实现类之HashMap容器类
  • oracle-定时器(job)
  • cron.timezone