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

HTML静态网页成品作业(HTML+CSS)——故宫介绍网页(4个页面)

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

文章目录

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


一、作品介绍

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

二、作品演示

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

三、代码目录

在这里插入图片描述

四、网站代码

HTML部分代码

<!DOCTYPE html>
<html lang="zh">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>北京故宫</title><link rel="stylesheet" href="./css/style.css">
</head>
<body><main><div class="logo"><img src="./images/logo.png" alt=""></div><ul class="nav"><li><a href="index.html">首页</a></li><li><a href="ggjj.html">故宫简介</a></li><li><a href="gngd.html">馆内宫殿</a></li><li><a href="gcww.html">馆藏文物</a></li></ul><div class="tu"><img src="./images/tu.jpeg" alt=""></div></main>
</body>
</html>

五、源码获取

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

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

相关文章:

  • Zookeeper:客户端命令行操作
  • 区块链技术介绍和用法
  • Upload-Labs-Linux1 使用 一句话木马
  • 从 Hadoop 迁移,无需淘汰和替换
  • 深度学习:从理论到应用的全面解析
  • 【02】区块链技术应用
  • 一篇文章搞懂残差网络算法
  • 网络安全:Web 安全 面试题.(SQL注入)
  • XSS学习(绕过)
  • 深信服2024笔试
  • IOS Swift 从入门到精通:闭包 第一部分
  • 解两道四年级奥数题(等差数列)玩玩
  • 深入理解Python中的并发与异步的结合使用
  • 如何将 ChatGPT 集成到你的应用中
  • 在 Swift 中,UILabel添加点击事件的方法
  • indexedDB---掌握浏览器内建数据库的基本用法
  • 【css】如何修改input选中历史选项后,自动填充的蓝色背景色
  • 红队内网攻防渗透:内网渗透之内网对抗:网络通讯篇防火墙组策略入站和出站规则单层双层C2正反向上线解决方案
  • linux 查看进程启动方式
  • 基于Java实训中心管理系统设计和实现(源码+LW+调试文档+讲解等)
  • 第2章 Android应用的界面编程
  • springboot学习-图灵课堂-最详细学习
  • Total CAD Converter与Total Excel Converter软件分享
  • 【2024最新华为OD-C/D卷试题汇总】[支持在线评测] 启动多任务排序(200分) - 三语言AC题解(Python/Java/Cpp)
  • 【会议征稿,JPCS出版】第三届电力系统与能源技术国际学术会议(ICPSET 2024,7月5-7)
  • 【机器学习300问】118、循环神经网络(RNN)的基本结构是怎样的?
  • loveqq-framework 和 thymeleaf 整合遇到的 th:field 的坑,原来只有 spring 下才有效
  • hugging face:大模型时代的github介绍
  • 如何快速绘制logistic回归预测模型的ROC曲线?
  • 实现具有多个实现类的接口并为每个实现类定义一个名字的方法