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

相关推荐
唯之为之3 小时前
巧用mask属性创建一个纯CSS图标库
css·svg
寻找沙漠的人4 小时前
前端知识补充—CSS
前端·css
乔峰不是张无忌3307 小时前
【HTML】动态闪烁圣诞树+雪花+音效
前端·javascript·html·圣诞树
NoneCoder8 小时前
CSS系列(29)-- Scroll Snap详解
前端·css
无言非影8 小时前
vtie项目中使用到了TailwindCSS,如何打包成一个单独的CSS文件(优化、压缩)
前端·css
羊小猪~~8 小时前
前端入门之VUE--ajax、vuex、router,最后的前端总结
前端·javascript·css·vue.js·vscode·ajax·html5
hanglove_lucky9 小时前
本地摄像头视频流在html中打开
前端·后端·html
@大迁世界10 小时前
摆脱 `<div>`!7 种更语义化的 HTML 标签替代方案
前端·html
寻找沙漠的人10 小时前
前端知识补充—HTML
html
代码cv移动工程师11 小时前
HTML语法规范
前端·html