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

HTML静态网页成品作业(HTML+CSS)——花主题介绍网页设计制作(1个页面)

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

文章目录

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


一、作品介绍

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

二、作品演示

在这里插入图片描述

三、代码目录

在这里插入图片描述

四、网站代码

HTML部分代码


<div class="box"><div class="header"><div class="header1"><img src="./img/logo_top.png"><ul><li class="first"><a href="">首页</a></li><li><a href="">发现</a></li><li><a href="">图片</a></li><li><a href="">分类</a></li></ul></div></div><div class="bb2"><div class="bb2_1">花中之王</div><div class="bb2_main"><div class="bb2_left"><img src="./img/b1.jpeg"></div><div class="bb2_hh"><div class="bb2_hhh">牡丹</div><div class="bb2_con">牡丹(学名:Paeonia × suffruticosa Andr.)是毛茛科、芍药属植物。花色泽艳丽,玉笑珠香,风流潇洒,富丽堂皇,素有“花中之王”的美誉。在栽培类型中,主要根据花的颜色,可分成上百个品种。牡丹品种繁多,色泽亦多,以黄、绿、肉红、深红、银红为上品,尤其黄、绿为贵。牡丹花大而香,故又有“国色天香”之称。</div></div></div></div><div class="bb3"><div class="bb3_1">牡丹</div><div class="bb3_main"><img src="./img/f1.jpeg"><img src="./img/f2.jpeg"><img src="./img/f3.jpeg"><img src="./img/f4.jpeg"></div></div><div class="bb4"><div class="bb4_1">花语</div><div class="bb4_main"><div class="bb4_21"><div class="bb4_21_1">荷花</div><div class="bb4_21_con">清白、高尚而谦虚(高风亮节),“出淤泥而不染,濯清涟而不妖”(周敦颐《爱莲说》),表示坚贞、纯洁、无邪、清正的品质。低调中显现出了高雅。荷花是花中品德高尚的花。</div></div><div class="bb4_21"><div class="bb4_21_1">兰花</div><div class="bb4_21_con">兰花的花语是高贵、典雅、美好、贤良、清高、淡泊。自古以来兰花就象征着淡泊名利、清高典雅,兰花还代表了兄弟情深和爱国的情感,是高尚的代名词。</div></div><div class="bb4_21"><div class="bb4_21_1">梅花</div><div class="bb4_21_con">梅花的花语是凌霜斗雪,迎春开放,坚强、高雅、风骨俊傲、不趋荣利。 象征的意义 梅花象征着高洁、坚强、美丽,有傲骨之风、不畏严寒、贫寒却有德行的人。</div></div><div class="bb4_21"><div class="bb4_21_1">菊花</div><div class="bb4_21_con">菊花的花语是悲痛哀悼、淡泊名利、高洁雅致。菊花有悲痛哀悼的意思,常用于悼念逝去的朋友或亲人,例如在葬礼或扫墓时就多用菊花;菊花有淡泊名利的意思。</div></div></div></div>

五、源码获取

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


http://www.mrgr.cn/news/2275.html

相关文章:

  • Tomcat 部署与优化
  • 探索生成式AI在文档处理中的应用:llm Whisperer
  • 数字媒体产业发展现状剖析,洞悉数字产业园的创新之举
  • HCIP | 三层架构
  • 如何在HTML中创建链接?什么是CSS定位?什么是CSS优化?
  • JavaScript语法基础之流程结构(顺序、选择、循环结构)
  • XXX【5】观察者模式
  • 你是如何克服编程学习中的挫折感的?(-@-^-0-)
  • 数学建模预测类—【多元线性回归】
  • C# 不一样的洗牌算法---Simd指令
  • 只用一个 HTML 元素可以写出多少形状?——伪元素篇(上)
  • 微服务架构
  • 网易云音乐崩了!冲上热搜第一
  • Swin-Transformer论文阅读
  • DDoS攻击导致服务器宕机的技术解析
  • 8.19 day pre-bug
  • Python,Nuitka,打包Paddle和Paddleocr,test.dist\\paddle\\fluid\\..\\libs‘;
  • github开源PDF管理工具Stirling-pdf
  • Leetcode 219. 存在重复元素 II
  • 01、Redis入门:数据类型、基本操作、SpringDataRedis