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

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

news 2026/2/8 8:26:08

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

文章目录

一、作品介绍
二、作品演示
三、代码目录
四、网站代码
- 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万平方千米。截至2023年9月，山西省共辖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.想要获取本文源码，点击前往吧

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

🎉不定期分享源码，关注不丢失哦文章目录一、作品介绍二、作品演示三、代码目录四、网站代码HTML部分代码五、源码获取一、作品介绍 🏷️本套采用HTMLCSS，未使用Javacsript代码，共有6个页面。二、作品演示三、代…...

编程日记 2024/6/22 6:20:26

【抽代复习笔记】20-群（十四）：定理6的补充证明及三道循环置换例题

例1：找出S3中所有不能和(123)交换的元。解：因为 (123)(1) (1)(123) (123)，(123)(132) (132)(123) (1)，所以(1)、(132)和(123)均可以交换； 而(12)(123) (23)，(123)(12) (13)，故 (12)(12…...

编程日记 2024/6/22 6:18:25

【单片机毕业设计选题24018】-基于STM32和阿里云的农业大棚系统

系统功能: 系统分为手动和自动模式，上电默认为自动模式，自动模式下系统根据采集到的传感器值自动控制，温度过低后自动开启加热，湿度过高后自动开启通风，光照过低后自动开启补光，水位过低后自动开启水泵…...

编程日记 2024/6/22 6:17:24

【计算机毕业设计】206校园顺路代送微信小程序

🙊作者简介：拥有多年开发工作经验，分享技术代码帮助学生学习，独立完成自己的项目或者毕业设计。代码可以私聊博主获取。🌹赠送计算机毕业设计600个选题excel文件，帮助大学选题。赠送开题报告模板&#xff…...

编程日记 2024/6/22 6:16:23

9、PHP 实现调整数组顺序使奇数位于偶数前面

题目： 调整数组顺序使奇数位于偶数前面描述： 输入一个整数数组，实现一个函数来调整该数组中数字的顺序，使得所有的奇数位于数组的前半部分， 所有的偶数位于位于数组的后半部分，并保证奇数和奇数&#xff…...

编程日记 2024/6/22 6:15:21

iOS开发工具-网络封包分析工具Charles

一、Charles简介 Charles 是在 Mac 下常用的网络封包截取工具，在做移动开发时，我们为了调试与服务器端的网络通讯协议，常常需要截取网络封包来分析。 Charles 通过将自己设置成系统的网络访问代理服务器，使得所有的网络访问请求…...

编程日记 2024/6/22 6:14:21

7、PHP 实现矩形覆盖

题目： 矩形覆盖描述： 我们可以用21的小矩形横着或者竖着去覆盖更大的矩形。请问用n个21的小矩形无重叠地覆盖一个2*n的大矩形，总共有多少种方法？ <?php function rectCover($number) {$prePreNum 1;$preNum 2;$temp 0;i…...

编程日记 2024/6/22 6:13:19

鸿蒙开发通信与连接：【@ohos.wifiext (WLAN)】

WLAN 说明： 本模块首批接口从API version 8开始支持。后续版本的新增接口，采用上角标单独标记接口的起始版本。该文档中的接口只供非通用类型产品使用，如路由器等，对于常规类型产品，不应该使用这些接口。导入模块 …...

编程日记 2024/6/22 6:12:18

Ps：脚本事件管理器

Ps菜单：文件/脚本/脚本事件管理器 Scripts/Script Events Manager 脚本事件管理器 Script Events Manager允许用户将特定的事件（如打开、存储或导出文件）与 JavaScript 脚本或 Photoshop 动作关联起来，以便在这些事件发生时自动触…...

编程日记 2024/6/22 6:11:17

redis哨兵模式下业务代码连接实现

目录一：背景二：实现过程三：总结一：背景在哨兵模式下，真实的redis服务地址由一个固定ip转变为可以变化的ip,这样我们业务代码在连接redis的时候，就需要判断哪个主redis服务地址，哪个是从…...

编程日记 2024/6/22 6:09:15

Java中将文件转换为Base64编码的字节码

在Java中，将文件转换为Base64编码的字节码通常涉及以下步骤： 读取文件内容到字节数组。使用java.util.Base64类对字节数组进行编码。下面是一个简单的Java示例代码，演示如何实现这个过程： import java.io.File; import java.io…...

编程日记 2024/6/22 6:08:14

【C++高阶】探索STL的瑰宝 map与set：高效数据结构的奥秘与技巧

📝个人主页🌹：Eternity._ ⏩收录专栏⏪：C “ 登神长阶 ” 🤡往期回顾🤡：初步了解二叉搜索树 🌹🌹期待您的关注 🌹🌹 ❀map与set 📒1.…...

编程日记 2024/6/22 6:07:12

cd 命令特殊路径符 mkdir命令

cd 特殊路径符 cd . 表示当前目录，比如 cd ./Desktop表示切换到当前目录下的Desktop目录内，和 cd Desktop效果一致。cd … 表示上一级目录，比如 cd … 即可切换到上一级目录，cd…/…切换到上二级目录。cd ~ 表示 HOME 目录&#…...

编程日记 2024/6/22 6:06:11

Mongodb UPDATE, 使用$position指定向数组中插入新元素的位置

学习mongodb，体会mongodb的每一个使用细节，欢迎阅读威赞的文章。这是威赞发布的第72篇mongodb技术文章，欢迎浏览本专栏威赞发布的其他文章。如果您认为我的文章对您有帮助或者解决您的问题，欢迎在文章下面点个赞，或者关…...

编程日记 2024/6/22 6:05:10

【Kafka】Kafka Broker工作流程、节点服役与退役、副本、文件存储、高效读写数据-08

【Kafka】Kafka Broker工作流程、节点服役与退役、副本、文件存储、高效读写数据 1. Kafka Broker 工作流程1.1 Zookeeper 存储的 Kafka 信息1.2 Kafka Broker总体工作流程1.2.1 Controller介绍 1.3 Broker 重要参数 2. 节点服役与退役3. Kafka副本 1. Kafka Broker 工作流程 …...

编程日记 2024/6/22 6:04:09

如何恢复未格式化分区数据？看这里！

什么是未格式化分区？ 未格式化或RAW文件系统的分区无法被Windows操作系统识别和挂载，因此，Windows会提示你进行格式化以创建新的文件系统。注意，不要进行格式化。通常，文件系统变为未格式化或RAW会出现以下常见错误消…...

编程日记 2024/6/22 6:03:08

通过“BOSS”精通比特币，深入认识私钥、账户和钱包

来源:币界原创作者:636Marx 无论当今数字货币技术如何发展，认识区块链技术幕后的关键机制至关重要。无论您是新手还是经验丰富的数字货币从业者，掌握钱包地址、公钥和私钥的复杂性都有无可替代重要性。进入 BOSS Wallet，这是一款尖端的 Web…...

编程日记 2024/6/22 6:02:07

进程与线程的区别

进程（Process） 1：进程是操作系统分配资源的基本单位 2：每个进程都有自己独立的虚拟地址空间，虚拟地址空间映射真实物理地址 3：进程之间相互隔离，某一个进程的崩溃不会影响到其它进程 4&…...

编程日记 2024/6/22 6:01:05

【AI基础】第五步：纯天然保姆喂饭级-安装并运行chatglm3-6b

类似于【AI基础】第三步：纯天然保姆喂饭级-安装并运行chatglm2-6b，有一些细节不一样。此系列文章列表： 【AI基础】概览【AI基础】第一步：安装python开发环境-windows篇_下载安装ai环境python 【AI基础】第一步：安装…...

编程日记 2024/6/22 6:00:03

【学习笔记】Elastic-Job和Quartz 实现企业级定时任务

Elastic-Job和Quartz 实现企业级定时任务知识拆解框架整合Java高级玩法定时任务案例第1章课程介绍课程的总体介绍，定时任务的应用场景和发展趋势，以及分布式走时任务的介绍 1-1、导学 1-2、为什么学习定时任务 1-3、定时任务技术发展趋势 1-4、主…...

编程日记 2024/6/22 5:59:02

C++初阶-list的底层

目录 1.std::list实现的所有代码 2.list的简单介绍 2.1实现list的类 2.2_list_iterator的实现 2.2.1_list_iterator实现的原因和好处 2.2.2_list_iterator实现 2.3_list_node的实现 2.3.1. 避免递归的模板依赖 2.3.2. 内存布局一致性 2.3.3. 类型安全的替代方案 2.3.…...

编程新知 2026/2/4 17:44:58

java调用dll出现unsatisfiedLinkError以及JNA和JNI的区别

UnsatisfiedLinkError 在对接硬件设备中，我们会遇到使用 java 调用 dll文件的情况，此时大概率出现UnsatisfiedLinkError链接错误，原因可能有如下几种类名错误包名错误方法名参数错误使用 JNI 协议调用，结果 dll 未实现 JNI 协…...

编程新知 2025/10/6 16:38:04

基于服务器使用 apt 安装、配置 Nginx

🧾 一、查看可安装的 Nginx 版本首先，你可以运行以下命令查看可用版本： apt-cache madison nginx-core输出示例： nginx-core | 1.18.0-6ubuntu14.6 | http://archive.ubuntu.com/ubuntu focal-updates/main amd64 Packages ng…...

编程新知 2026/1/9 12:53:59

C# 类和继承(抽象类)

抽象类抽象类是指设计为被继承的类。抽象类只能被用作其他类的基类。不能创建抽象类的实例。抽象类使用abstract修饰符声明。抽象类可以包含抽象成员或普通的非抽象成员。抽象类的成员可以是抽象成员和普通带实现的成员的任意组合。抽象类自己可以派生自另一个抽象类。例…...

编程新知 2026/1/29 16:25:24

网站指纹识别

网站指纹识别网站的最基本组成：服务器（操作系统）、中间件（web容器）、脚本语言、数据厍为什么要了解这些？举个例子：发现了一个文件读取漏洞，我们需要读/etc/passwd，如…...

编程新知 2026/2/2 17:06:29

毫米波雷达基础理论（3D+4D）

3D、4D毫米波雷达基础知识及厂商选型 PreView : https://mp.weixin.qq.com/s/bQkju4r6med7I3TBGJI_bQ 1. FMCW毫米波雷达基础知识主要参考博文： 一文入门汽车毫米波雷达基本原理 ：https://mp.weixin.qq.com/s/_EN7A5lKcz2Eh8dLnjE19w 毫米波雷达基础…...

编程新知 2026/1/31 14:20:10