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

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

文章目录


一、作品介绍

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

二、作品演示





三、代码目录

四、网站代码

HTML部分代码

c 复制代码
<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.想要获取本文源码,点击前往吧

相关推荐
DsirNg1 天前
响应式的真正输入:为组件重新定义可用空间
css·flexbox·grid·前端架构·响应式布局·设计系统·container queries
2601_967287571 天前
蛋液冷冻贮存与解冻怎么做:冰点、冻融损伤与冷冻线的组织方式
美食
PYB31 天前
【Web·基础学习】基础布局
css·html·web
晓得迷路了1 天前
栗子前端技术周刊第 148 期 - Turborepo 2.11、Chrome 154 iframe、Node.js 26...
前端·javascript·css
cindershade2 天前
响应式的真正输入:为组件重新定义可用空间
css·flexbox
用户298698530142 天前
Python 文档格式转换实战:RTF 转 PDF 与 HTML
python·html·api
志尊宝7 天前
Vue3 零基础每日笔记(055):组件里正确使用 store——storeToRefs 解构与 $patch 批量修改
笔记·vue·html·前端开发·软件开发
吴声子夜歌7 天前
HTML——看似普通的元素的背后(<a>标签)
html
IMPYLH7 天前
HTML 的 <style> 元素
前端·html
刃神太酷啦7 天前
前端入门第一课:HTML 基础语法 + 常用标签 + 实战全解
服务器·c语言·前端·javascript·css·c++·html