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

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 解密键盘输入:探索设备控制器的奥秘
  • 基于STM32开发的智能家居照明控制系统
  • 港湾周评|IPO底稿的“萝卜章”与鸭脖大王被立案调查
  • unbuffer禁用输出缓存,实现实时打印解决日志乱序
  • 谷歌浏览器字体模糊不清怎么办
  • SQL高级编程:掌握自定义函数和过程的艺术
  • 牛客面经学习笔记(三)
  • 【Go语言初探】(三)、运行程序报错:Cannot find package “xxx“
  • 复习之 java 锁
  • CMake详解-捡重要的讲
  • 【漏洞复现】某某康达vpn——list_base_config.php——命令执行
  • Qt Xlsx使用教程、Qt操作Excel、Qt生成Excel图表、跨平台不依赖Office 直接使用源码
  • 优化业务流程的关键:深入探讨BPA流程设计
  • qt-11基本对话框(消息框)
  • 【图形验证和AI智能及CHATGPT对抗影响的是用户体验】
  • 【Leetcode】104. 二叉树的最大深度
  • angular组件开发
  • chrome扩展demo1-小时钟
  • conda常用的命令
  • ECMAScript 6 学习之路 ( 四 ) String 字符串扩展
  • Essential Studio for ASP.NET Web Forms 2017 v2,新增自定义树形网格工具栏
  • exif信息对照
  • Fundebug计费标准解释:事件数是如何定义的?
  • iOS小技巧之UIImagePickerController实现头像选择
  • Java IO学习笔记一
  • Java知识点总结(JavaIO-打印流)
  • Linux快速配置 VIM 实现语法高亮 补全 缩进等功能
  • Material Design
  • Node + FFmpeg 实现Canvas动画导出视频
  • npx命令介绍
  • 读懂package.json -- 依赖管理
  • 短视频宝贝=慢?阿里巴巴工程师这样秒开短视频
  • 后端_MYSQL
  • 每天10道Java面试题,跟我走,offer有!
  • 消息队列系列二(IOT中消息队列的应用)
  • 原生js练习题---第五课
  • 在GitHub多个账号上使用不同的SSH的配置方法
  • RDS-Mysql 物理备份恢复到本地数据库上
  • ​ 轻量应用服务器:亚马逊云科技打造全球领先的云计算解决方案
  • ​linux启动进程的方式
  • # 手柄编程_北通阿修罗3动手评:一款兼具功能、操控性的电竞手柄
  • #gStore-weekly | gStore最新版本1.0之三角形计数函数的使用
  • #进阶:轻量级ORM框架Dapper的使用教程与原理详解
  • (C#)Windows Shell 外壳编程系列9 - QueryInfo 扩展提示
  • (JSP)EL——优化登录界面,获取对象,获取数据
  • (NO.00004)iOS实现打砖块游戏(十二):伸缩自如,我是如意金箍棒(上)!
  • (pojstep1.1.2)2654(直叙式模拟)
  • (Qt) 默认QtWidget应用包含什么?
  • (附源码)springboot炼糖厂地磅全自动控制系统 毕业设计 341357
  • (附源码)ssm高校社团管理系统 毕业设计 234162
  • (机器学习-深度学习快速入门)第三章机器学习-第二节:机器学习模型之线性回归
  • (六)激光线扫描-三维重建
  • (转)http-server应用
  • (转)Unity3DUnity3D在android下调试
  • .NET 8.0 中有哪些新的变化?