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

HTML静态网页成品作业(HTML+CSS)—— 美食湘菜介绍网页(5个页面)

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

文章目录

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


一、作品介绍

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

二、作品演示

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

三、代码目录

在这里插入图片描述

四、网站代码

HTML部分代码

<div class="header"><div class="w"><div class="logo"><img src="./images/logo.png" ></div><ul class="nav"><li class="active"><a href="index.html">首页</a></li><li><a href="fazhan.html">发展历史</a></li><li><a href="caixi.html">菜系特点</a></li><li><a href="caipin.html">经典菜品</a></li><li><a href="biaodan.html">在线表单</a></li></ul></div></div><div class="banner"><img src="./images/banner.jpg"></div><div class="content w"><div class="tit"><div class="tit_text">湘菜简介</div><div class="tit_line"></div></div><div class="jianjie"><div><p>湘菜,又叫湖南菜,是中国历史悠久的汉族八大菜系之一 [1],早在汉朝就已经形成菜系。以湘江流域、洞庭湖区和湘西山区三种地方风味为主。</p><p>湘菜制作精细,用料上比较广泛,口味多变,品种繁多;色泽上油重色浓,讲求实惠;品味上注重香辣、香鲜、软嫩;制法上以煨、炖、腊、蒸、炒诸法见称。</p><p>官府湘菜代表菜品以组庵湘菜为代表,如组庵豆腐、组庵鱼翅等;民间湘菜代表菜品有辣椒炒肉、剁椒鱼头、湘西外婆菜、吉首酸肉、牛肉粉,衡阳鱼粉,栖凤渡鱼粉,东安鸡,金鱼戏莲、永州血鸭、九嶷山兔、宁远酿豆腐、腊味合蒸、姊妹团子 、宁乡口味蛇、岳阳姜辣蛇等。</p></div><img src="./images/jianjie.jpeg" alt=""></div><div class="tit"><div class="tit_text">视频介绍</div><div class="tit_line"></div></div><video width="100%"   controls><source src="./video/video.mp4" type="video/mp4"></video></div><div class="footer">湘菜介绍网 版权所有</div>

五、源码获取

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

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

相关文章:

  • 使用redis构建简单的社交网站
  • 【Java面试】九、微服务篇-SpringCloud(上)
  • Python 树状数组
  • 【QEMU中文手册】2.2 调用方式(持续更新中)
  • (函数)判断一句话中最长的单词(C语言)
  • QT5.5.0中使用lambda表达式时遇到的问题
  • 【Go语言精进之路】构建高效Go程序:了解切片实现原理并高效使用
  • Python与C语言:深入探索两者的奥秘与差异
  • 图像编解码器在AI绘画中的革新作用
  • SecureCRT[po破] for Mac SSH终端操作工具[解] 安装教程
  • 【大数据架构】基于流式数据的大数据架构升级
  • OpenCV中的圆形标靶检测——斑点检测算法(二)
  • 网线制作(双绞线+水晶头)——T568B标准
  • 湖南源点(市场研究咨询)如何产出更加有意义的竞品调研
  • Qt/C++音视频开发76-获取本地有哪些摄像头名称/ffmpeg内置函数方式
  • 09 platfrom 设备驱动
  • 【C#】C#读写Excel文件
  • 数据流图(DFD)绘制规范
  • 有待挖掘的金矿:大模型的幻觉之境
  • 常见八大排序(纯C语言版)
  • vue2学习(06)----vuex
  • webflux 拦截器验证token
  • C++中的继承方式
  • Vue进阶之Vue无代码可视化项目(四)
  • day40--Redis(二)实战篇
  • 使用Ollama+OpenWebUI本地部署Gemma谷歌AI开放大模型完整指南
  • react的自定义组件
  • 海宁代理记账公司-专业的会计服务
  • matlab 计算三维空间点到直线的距离
  • YOLOv5车流量监测系统研究