当前位置: 首页 > 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.想要获取本文源码,点击前往吧

相关文章:

  • NSS题目练习7
  • 分享一个 .NET Core Console 项目使用依赖注入的详细例子
  • 前后端实现文件上传进度条-实时进度
  • linux防止nmap扫描
  • Elasticsearch之写入原理以及调优
  • 数据结构--二叉树(二)
  • iOS 通过PacketLogger 抓包蓝牙数据包
  • 新能源汽车内卷真相
  • Redis常用命令——List篇
  • Spring Boot整合Redis
  • C#WPF数字大屏项目实战08--生产量/良品统计
  • FreeRTOS实时系统 在任务中增加数组等相关操作 导致单片机起不来或者挂掉
  • 四舍五入问题
  • 【ARM Cache 与 MMU 系列文章 7.6 -- ARMv8 MMU 配置 寄存器使用介绍】
  • HTML静态网页成品作业(HTML+CSS)—— 节日端午节介绍网页(5个页面)
  • 【技术性】Search知识
  • 〔开发系列〕一次关于小程序开发的深度总结
  • 2019.2.20 c++ 知识梳理
  • Android优雅地处理按钮重复点击
  • Bytom交易说明(账户管理模式)
  • ERLANG 网工修炼笔记 ---- UDP
  • HashMap剖析之内部结构
  • HTTP中的ETag在移动客户端的应用
  • Koa2 之文件上传下载
  • LeetCode18.四数之和 JavaScript
  • MyEclipse 8.0 GA 搭建 Struts2 + Spring2 + Hibernate3 (测试)
  • Spark学习笔记之相关记录
  • VUE es6技巧写法(持续更新中~~~)
  • 测试开发系类之接口自动化测试
  • 从setTimeout-setInterval看JS线程
  • 动手做个聊天室,前端工程师百无聊赖的人生
  • 基于webpack 的 vue 多页架构
  • 爬虫进阶 -- 神级程序员:让你的爬虫就像人类的用户行为!
  • 前端学习笔记之原型——一张图说明`prototype`和`__proto__`的区别
  • 如何实现 font-size 的响应式
  • 体验javascript之美-第五课 匿名函数自执行和闭包是一回事儿吗?
  • 吐槽Javascript系列二:数组中的splice和slice方法
  • 一加3T解锁OEM、刷入TWRP、第三方ROM以及ROOT
  • 智能合约Solidity教程-事件和日志(一)
  • 最近的计划
  • ​Base64转换成图片,android studio build乱码,找不到okio.ByteString接腾讯人脸识别
  • # 数仓建模:如何构建主题宽表模型?
  • # 睡眠3秒_床上这样睡觉的人,睡眠质量多半不好
  • #if和#ifdef区别
  • #周末课堂# 【Linux + JVM + Mysql高级性能优化班】(火热报名中~~~)
  • ()、[]、{}、(())、[[]]等各种括号的使用
  • (BAT向)Java岗常问高频面试汇总:MyBatis 微服务 Spring 分布式 MySQL等(1)
  • (BFS)hdoj2377-Bus Pass
  • (C++17) optional的使用
  • (php伪随机数生成)[GWCTF 2019]枯燥的抽奖
  • (备忘)Java Map 遍历
  • (层次遍历)104. 二叉树的最大深度
  • (二十四)Flask之flask-session组件
  • (机器学习的矩阵)(向量、矩阵与多元线性回归)
  • (七)glDrawArry绘制