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

相关推荐
蓝婷儿几秒前
第二章支线五 ·CSS炼金续章:变量与暗黑主题术
前端·css
sunbyte8 分钟前
50天50个小项目 (Vue3 + Tailwindcss V4) ✨ | Dad Jokes(冷笑话卡片)
前端·javascript·css·vue.js·vue
百锦再1 小时前
Microsoft前后端不分离编程新风向:cshtml
javascript·css·microsoft·html·web·web2.0·cshtml
站在风口的猪11081 小时前
《前端面试题:CSS有哪些单位!》
前端·css·html·css3·html5
八戒社3 小时前
如何使用插件和子主题添加WordPress自定义CSS(附:常见错误)
前端·css·tensorflow·wordpress
Hilaku4 小时前
为什么我不再相信 Tailwind?三个月重构项目教会我的事
前端·css·前端框架
Catfood_Eason4 小时前
初识CSS3
前端·css·css3
三三十二5 小时前
HTML实战项目:高考加油和中考加油
html·高考
亲爱的小小安妮呀7 小时前
CSS(2)
前端·css
技术小丁8 小时前
使用 HTML + JavaScript 实现文章逐句高亮朗读功能
前端·javascript·html