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

HTML静态网页成品作业(HTML+CSS)—— 家乡南宁介绍网页(2个页面)

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

文章目录

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


一、作品介绍

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

二、作品演示

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

三、代码目录

在这里插入图片描述

四、网站代码

HTML部分代码

<div class="w"><div class="top">南宁</div><div class="nav"><a href="index.html">南宁首页</a><a href="./jingdian.html">著名景点</a></div><div class="main"><div class="main_tit">南宁简介</div><div class="main_desc">南宁市,简称“邕”,古称邕州,别称绿城。广西壮族自治区辖地级市、首府、Ⅰ型大城市、二线城市 、北部湾经济区、珠江—西江经济带和北部湾城市群核心城市、中国—东盟博览会永久举办地、“一带一路”经济带有机衔接的重要门户城市、西部陆海新通道陆港型国家物流枢纽、南部战区陆军机关驻地。截至2022年,全市下辖7个区、4个县、代管1个县级市,总面积2.21万平方千米。 2022年末,南宁市常住人口889.17万人。</div><div class="main_img"><img src="./images/main1.jpeg" alt=""></div><div class="main_desc">南宁市位于广西中部偏南,面向东南亚,背靠大西南,东邻粤港澳,南临北部湾,处于“一带一路”的重要节点,是华南经济圈、西南经济圈、中国—东盟经济圈的交汇点。具有近海、近边,沿江、沿线“两近两沿”的特点,距中越边境约200公里,是距离东盟国家最近的省会城市。平陆运河建成后,南宁港产城海融合发展的区位优势更加凸显。 南宁素有“中国绿城”“天下民歌眷恋的地方”等美誉,先后荣获联合国人居奖和全国文明城市、国家生态园林城市、国家卫生城市、国家森林城市、中国优秀旅游城市等称号。</div><div class="main_desc">南宁市积极发展向海经济,推动跨境产业融合发展,立足区位交通优势向枢纽经济转型,服务构建中国—东盟命运共同体。 围绕中国(广西)自由贸易试验区南宁片区产业发展规划,培育发展现代金融、先进制造、数字经济、智慧物流和文体医疗等五大重点产业集群,建设产业发展新高地。</div><div class="main_img"><img src="./images/main2.jpeg" alt=""></div></div><div class="footer">南宁&nbsp;&nbsp;©&nbsp;&nbsp;版权所有</div>

五、源码获取

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

相关文章:

HTML静态网页成品作业(HTML+CSS)—— 家乡南宁介绍网页(2个页面)

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

把qml程序制作成安装包(Windows)

先检查一下有没有安装Qt Installer FrameWork 需要用到Qt自带的打包工具&#xff1a; Qt Installer FrameWork&#xff0c;虽然有点拉胯&#xff0c;但是也能用用。一般放在Qt目录下的Tools文件夹下&#xff0c;如果没有看到&#xff0c;就去在线下载器去下载一下。 步骤1 随…...

内网中redis无法连接访问问题

这个错误信息说明 Redis 正在以受保护模式运行&#xff0c;这意味着它仅从本地回环接口&#xff08;localhost 或 127.0.0.1&#xff09;接受连接。如果你希望从外部计算机连接到 Redis&#xff0c;你需要采取一些措施来允许外部连接。 这里有一些解决方案&#xff1a; 禁用受…...

Unix环境高级编程第二版:深入探索与实战解析

Unix环境高级编程第二版&#xff1a;深入探索与实战解析 在信息化时代&#xff0c;Unix环境高级编程无疑是程序员们攀登技术高峰的必经之路。本文将针对《Unix环境高级编程第二版》一书&#xff0c;从四个方面、五个方面、六个方面和七个方面进行深入探讨&#xff0c;带您领略…...

SSL/TLS和HTTPS

HTTPS就是用了TLS包装的Socket进行通信的HTTP 混合加密 被称为混合加密。具体过程如下&#xff1a; 使用非对称加密协商对称密钥&#xff1a; 在通信的开始阶段&#xff0c;通常由客户端和服务器使用非对称加密算法&#xff08;如RSA&#xff09;来协商一个对称密钥。通常情…...

苹果将推出“Apple Intelligence”AI系统,专注于隐私和广泛应用|TodayAI

据彭博社报道&#xff0c;苹果公司将在下周的 WWDC 2024 开发者大会上揭晓其全新的 AI 系统——“Apple Intelligence”&#xff0c;该系统将适用于 iPhone、iPad 和 Mac 设备。这一新系统将结合苹果自身技术和 OpenAI 的工具&#xff0c;为用户提供一系列新的 AI 功能&#xf…...

配置Kubernetes资源管理Secret与ConfigMap

前言 Kubernetes 中的 Secret&#xff08;提供加密模式&#xff09;和 ConfigMap&#xff08;提供配置&#xff09;是关键的资源&#xff0c;用于安全地存储和管理敏感信息和配置数据。它们在应用程序开发和部署过程中扮演着重要的角色。本文将介绍如何有效地配置和管理这些资…...

韩顺平0基础学java——第19天

p396-406 final关键字 1.final修饰的为“常量”&#xff0c;需要给初始值。1可以直接定义时赋值&#xff0c;2在构造器中&#xff0c;3在代码块中。 注意静态代码块只能访问静态变量。 2.如果final修饰的关键字是静态的&#xff0c;那就不能在构造器中赋值&#xff0c;只能…...

嵌入式学习——Linux高级编程复习(目录IO、软硬连接、makefile)——day38

1. 目录IO 目录IO是指在计算机程序中对文件目录进行操作的一系列输入输出功能。这些操作允许程序创建、读取、修改和删除目录结构。在Unix/Linux系统和类似系统中&#xff0c;目录被视为特殊的文件&#xff0c;可以对其进行打开、读取、写入&#xff08;修改&#xff09;和关闭…...

makefile与进度条

Linux项目自动化构建工具-make/makefile make是一个命令&#xff0c; makefile是一个文件&#xff0c;保存依赖关系和依赖方法。‘ touch Makefile/makefile mybin:mytest.c//依赖关系 目标文件&#xff1a;依赖文件列表 文件列表的文件之间以空格分隔 gcc -o mybin mytest.…...

操作系统总结

进程和线程的区别 本质区别&#xff1a; 进程是资源调度以及分配的基本单位。线程是 CPU 调度的基本单位。 所属关系&#xff1a;一个线程属于一个进程&#xff0c;一个进程可以拥有多个线程。地址空间&#xff1a; 进程有独立的虚拟地址空间。线程没有独立的虚拟地址空间&…...

SpringCloud整合OpenFeign实现微服务间的通信

1. 前言 1.1 为什么要使用OpenFeign&#xff1f; 虽说RestTemplate 对HTTP封装后, 已经⽐直接使⽤HTTPClient简单⽅便很多, 但是还存在⼀些问题. 需要拼接URL, 灵活性⾼, 但是封装臃肿, URL复杂时, 容易出错. 代码可读性差, ⻛格不统⼀。 1.2 介绍一下微服务之间的通信方式 微…...

老师必备!一文教你如何高效收集志愿填报信息

高考志愿填报季&#xff0c;对于每一位老师来说&#xff0c;无疑是一场信息收集与管理的硬仗。如何在众多的志愿信息中&#xff0c;高效、准确地掌握每位学生的志愿意向&#xff1f; 高考志愿填报的重要性。不仅是学生人生的一个重要转折点&#xff0c;也是老师教育生涯中的一次…...

创建 MFC DLL-使用DEF文件

本文仅供学习交流&#xff0c;严禁用于商业用途&#xff0c;如本文涉及侵权请及时联系本人将于及时删除 利用“MFC动态链接库”项目模板可以创建MFC DLL。DLL文件与可执行文件非常相似&#xff0c;不同点在于DLL包含有导出表(Export Table)。导出表包含DLL中每个导出函数的名字…...

如何将HTTP升级成HTTPS?既简单又免费的方法!

在当今数字化时代&#xff0c;网络安全已成为用户和企业关注的焦点。HTTPS作为一种更加安全的网络通信协议&#xff0c;正逐渐取代传统的HTTP成为新的标准。对于许多网站管理员和内容创作者来说&#xff0c;如何免费升级到HTTPS是一个值得探讨的问题。本文将详细介绍一些免费的…...

数据仓库之核心模型与扩展模型分离

在数据仓库的设计和实施过程中&#xff0c;核心模型与扩展模型分离是一种常见的策略&#xff0c;旨在提高数据仓库的灵活性、可维护性和扩展性。这种分离策略的主要优势和实施方法如下&#xff1a; 核心模型&#xff08;Core Model&#xff09; 核心模型是数据仓库中稳定、共…...

大龄职场人的春招机遇:技术岗位主导,高薪与挑战并存

随着6月毕业季的临近&#xff0c;大批年轻人即将涌入人才市场&#xff0c;为职场注入新鲜血液。然而&#xff0c;这也意味着一些职场人可能面临被“优化”的风险。近几年&#xff0c;职场环境呈现出明显的年轻化趋势&#xff0c;企业更倾向于招聘具有创新活力的青年人才&#x…...

家宽动态公网IP,使用docker+ddns 实现动态域名解析

官方地址&#xff1a;https://github.com/jeessy2/ddns-go 安装docker docker pull jeessy/ddns-godocker run -d --name ddns-go --restartalways --nethost -v /opt/ddns-go:/root jeessy/ddns-go然后访问ip端口 配置时注意如下...

【力扣刷题 动态规划】LeetCode 139 单词拆分、LeetCode 300 最长递增子序列 ✌

文章目录 1. 单词拆分2. 最长递增子序列 1. 单词拆分 题目链接 &#x1f34e; 解题思路&#xff1a; class Solution {bool dp[310] {false};public:bool wordBreak(string s, vector<string>& wordDict) {unordered_set<string> myset;for(auto& str :…...

【位运算】【前缀和】个人练习-Leetcode-1177. Can Make Palindrome from Substring

题目链接&#xff1a;https://leetcode.cn/problems/can-make-palindrome-from-substring/description/ 题目大意&#xff1a;给出一个字符串s&#xff0c;每次query给出l, r, k&#xff0c;要求判断子串s[l:r1]在经过k次操作后是否能变为回文串。一次操作可以将子串内的一个字…...

ChatSVA:多智能体框架革新硬件验证中的SVA生成

1. ChatSVA&#xff1a;硬件验证领域的SVA生成革命在集成电路设计领域&#xff0c;功能验证已成为制约开发效率的最大瓶颈。据统计&#xff0c;现代芯片开发周期中超过50%的时间消耗在功能验证环节&#xff0c;而SystemVerilog断言&#xff08;SVA&#xff09;作为形式化验证和…...

拒绝“见光死”:为什么真正的全域店群RPA必须内置原生指纹浏览器内核?

大家好&#xff0c;我是林焱&#xff0c;一名专注电商底层业务逻辑与企业级 RPA 自动化架构定制的独立开发者。 在 CSDN 的技术交流群里&#xff0c;我经常会遇到一些开发者抛出这样的疑问&#xff1a;“林大&#xff0c;我用 Python 写了一套并发脚本&#xff0c;去管理公司旗…...

7个DevPod自动化脚本技巧:批量操作工作空间的终极指南

7个DevPod自动化脚本技巧&#xff1a;批量操作工作空间的终极指南 【免费下载链接】devpod Codespaces but open-source, client-only and unopinionated: Works with any IDE and lets you use any cloud, kubernetes or just localhost docker. 项目地址: https://gitcode.…...

用STM32的TIM1和GPIO中断,手把手教你实现带霍尔BLDC的平稳启动与调速(附PID代码)

STM32实战&#xff1a;基于霍尔传感器的BLDC电机六步换相与PID调速全解析 在工业自动化、无人机和机器人等领域&#xff0c;无刷直流电机(BLDC)凭借其高效率、长寿命和低噪音特性成为首选驱动方案。本文将深入探讨如何利用STM32的TIM1高级定时器和GPIO中断实现带霍尔传感器的BL…...

Axolotl与LLaMA-Factory对比:架构与扩展性分析-方案选型对比

1. 问题背景与选型目标 在大型语言模型&#xff08;LLM&#xff09;落地的浪潮中&#xff0c;“微调”已从少数研究团队的实验行为&#xff0c;变为大量中小企业甚至个人开发者的刚需。业务团队不再仅仅使用 API 调用闭源模型&#xff0c;而是希望基于开源基座模型&#xff08;…...

基于Claude的智能代码脚手架:提升AI编程协作效率的工程实践

1. 项目概述&#xff1a;一个为Claude设计的代码脚手架如果你和我一样&#xff0c;经常与Anthropic的Claude模型打交道&#xff0c;尤其是在代码生成、项目初始化这类场景&#xff0c;那你一定体会过那种“重复造轮子”的疲惫感。每次开启一个新项目&#xff0c;无论是简单的脚…...

AI建站工具从0到1全流程保姆级攻略:零代码生成网站就这么简单

AI建站工具从0到1全流程保姆级攻略&#xff1a;零代码生成网站就这么简单被外包公司几万块的报价劝退&#xff1f;被老板催着下周上线活动页却连域名是什么都不清楚&#xff1f;别慌&#xff0c;用AI建站工具&#xff0c;不写一行代码、不学复杂技术&#xff0c;普通人也能在两…...

面试过程中被问懵

高并发内存池中基数数相比哈希表差别&#xff0c;优势在哪相比传统的哈希表&#xff08;Hash Table&#xff09;&#xff0c;基数树在内存管理这种特定场景下具有压倒性的优势。哈希表&#xff08;哈希表&#xff09;逻辑&#xff1a;通过哈希函数将 转换为数组下标。PageID锁定…...

别再死记公式了!用Multisim仿真带你玩转反相/同相比例运算电路

用Multisim仿真解锁比例运算电路的实战奥秘 在电子工程的学习中&#xff0c;运算放大器电路一直是让初学者又爱又恨的内容。传统的学习方法往往从公式推导开始&#xff0c;要求学生死记硬背各种电路配置下的增益公式。但今天&#xff0c;我们要打破这种枯燥的学习方式——通过…...

ROS机器人开发:用tf_monitor和tf_echo快速诊断你的坐标转换问题(附真实案例)

ROS机器人坐标转换问题诊断实战&#xff1a;从工具使用到思维升级 当机器人的激光雷达数据与地图匹配出现偏移&#xff0c;或者机械臂末端执行器总是偏离目标位置几厘米时&#xff0c;有经验的开发者会第一时间检查坐标转换系统。ROS中的tf库虽然强大&#xff0c;但一旦出现问题…...