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

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 图形和插图软件Canvas X Pro 20 Build 914
  • Android面试题之说说系统的启动流程(总结)
  • Python 机器学习 基础 之 【实战案例】轮船人员获救预测实战
  • 常用的三种软件架构
  • 【Vue】购物车案例-构建项目
  • 15.2 测试-网格测试、基准测试与测试覆盖率
  • 基于拓扑漏洞分析的网络安全态势感知模型
  • 源码讲解kafka 如何使用零拷贝技术(zero-copy)
  • 云端之上的边缘:解读云计算与边缘计算的战略融合
  • 苹果召开WWDC:属于你的“定制”AI智能?
  • 直线度测量仪发展历程!
  • 鸿蒙原生开发——轻内核A核源码分析系列三 物理内存(2)
  • 利用 AI 深度学习,实现化合物配比最优化解决方案
  • Android:UI:Drawable:View/ImageView与Drawable
  • React实现在线预览word报告/本地选择报告预览
  • “Material Design”设计规范在 ComponentOne For WinForm 的全新尝试!
  • 【407天】跃迁之路——程序员高效学习方法论探索系列(实验阶段164-2018.03.19)...
  • 2017届校招提前批面试回顾
  • 345-反转字符串中的元音字母
  • Angular js 常用指令ng-if、ng-class、ng-option、ng-value、ng-click是如何使用的?
  • co.js - 让异步代码同步化
  • HashMap剖析之内部结构
  • iOS动画编程-View动画[ 1 ] 基础View动画
  • mockjs让前端开发独立于后端
  • Odoo domain写法及运用
  • Phpstorm怎样批量删除空行?
  • Python3爬取英雄联盟英雄皮肤大图
  • python大佬养成计划----difflib模块
  • 浅谈JavaScript的面向对象和它的封装、继承、多态
  • 入手阿里云新服务器的部署NODE
  • 算法---两个栈实现一个队列
  • 找一份好的前端工作,起点很重要
  • SAP CRM里Lead通过工作流自动创建Opportunity的原理讲解 ...
  • 关于Kubernetes Dashboard漏洞CVE-2018-18264的修复公告
  • 曜石科技宣布获得千万级天使轮投资,全方面布局电竞产业链 ...
  • ​​​​​​​​​​​​​​Γ函数
  • # Java NIO(一)FileChannel
  • # Redis 入门到精通(一)数据类型(4)
  • ###51单片机学习(1)-----单片机烧录软件的使用,以及如何建立一个工程项目
  • #QT(QCharts绘制曲线)
  • (补)B+树一些思想
  • (附源码)node.js知识分享网站 毕业设计 202038
  • (附源码)计算机毕业设计大学生兼职系统
  • (三)Honghu Cloud云架构一定时调度平台
  • (十八)三元表达式和列表解析
  • (原創) 系統分析和系統設計有什麼差別? (OO)
  • (转)视频码率,帧率和分辨率的联系与区别
  • .cfg\.dat\.mak(持续补充)
  • .gitignore文件---让git自动忽略指定文件
  • .net core Swagger 过滤部分Api
  • .NET技术成长路线架构图
  • .NET设计模式(7):创建型模式专题总结(Creational Pattern)
  • .NET性能优化(文摘)
  • .NET中分布式服务
  • 。。。。。