HTML静态网页成品作业(HTML+CSS)——美食火锅介绍网页(1个页面)

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


一、作品介绍

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

二、作品演示

在这里插入图片描述

三、代码目录

在这里插入图片描述

四、网站代码

HTML部分代码

<div class="top">
		火锅
	</div>
	<div class="pic">
		<img src="./img/pic.jpg" alt="" width="100%">
	</div>
	
	<div class="bt">
		火锅起源:爱你一万年
	</div>
	<div class="box">
		<div class="box1">
			<div class="bp">
				关于火锅,可能就得从一万年前说起。那时的“火锅”不是锅,而是用陶制成的“鼎”。先在鼎内加好水,再放入各种肉类,在鼎底生火煮成一锅大杂烩,这在当时叫做“英”。又因为把食物放入沸水中发出的“咕咚咕咚〞声,因此最早的火锅,不叫火锅,而叫 “古董羹”
			</div>
			<div class="bp">因为鼎,器大具高,不方便活动,只能在固定的地方煮,每煮一次鼎都够分给全村的人吃。到了西周,发明了铜和铁以及各种陶器</div>
			<div class="bp">后,出现了许多小型的器皿,火锅才成为了百姓的常用器皿。</div>
		</div>
		<div class="bpi">
			<img src="./img/hg1.jpg" alt="">
		</div>
	</div>
	
	<div class="bt">
		火锅派系
	</div>
	<div class="boxp1">火锅的存在己是多年,在“吃货”集中的国度里,火锅的吃法会一如开始时的单一吗?答業必定是否定的。到了现代的中国,火锅已以各式形态出现在大众眼前,各地不同的制作手法、不同的火锅底料、 不同的器皿烹饪已闻名全国甚至全世界。在中国,一个月不带重样的吃火锅葡直就是“洒洒水”</div>
	<div class="boxp">
		<div class="bp">川渝派:代表:四川火锅,重庆火锅,串串香火锅等</div>
		<div class="bp">北派:代表:老北京火锅,内蒙肥羊火锅,东北白肉火锅,山东肥牛火锅,羊蝎子火锅,羊汤火锅等</div>
		<div class="bp">云贵派:代表:酸汤鱼火锅,菌菇火锅,滇味火锅,黑山羊火锅等</div>
		<div class="bp">江浙派:代表菊花暖锅,一品锅,什锦暖锅,三线火锅</div>
		<div class="bp">粤派:代表:海鲜火锅,粥底火锅,五捞火锅,猪肚鸡 火锅,潮汕牛肉火锅等</div>
		<div class="bp">其他派系火锅:海南椰子鸡火锅等</div>
	</div>
	
	<div class="boxpimg">
		<img src="./img/hg2.jpg" alt="">
		<img src="./img/hg3.jpg" alt="">
		<img src="./img/hg4.jpg" alt="">
		<img src="./img/hg5.jpg" alt="">
		<img src="./img/hg6.jpg" alt="">
		<img src="./img/hg7.jpg" alt="">
		<img src="./img/hg8.jpg" alt="">
		<img src="./img/hg9.jpg" alt="">
	</div>


五、源码获取

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

最近更新

  1. TCP协议是安全的吗?

    2024-06-18 10:48:01       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-06-18 10:48:01       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-06-18 10:48:01       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-06-18 10:48:01       18 阅读

热门阅读

  1. Node.js 入门:

    2024-06-18 10:48:01       10 阅读
  2. Node.js 教程

    2024-06-18 10:48:01       7 阅读
  3. Nginx负载均衡之动态更新upstream

    2024-06-18 10:48:01       10 阅读
  4. ERP、CRM、SRM、PLM、HRM、OA……都是啥意思?

    2024-06-18 10:48:01       9 阅读
  5. 微信小程序录音机源代码

    2024-06-18 10:48:01       9 阅读
  6. Linux | grep命令和 find命令有什么区别

    2024-06-18 10:48:01       8 阅读
  7. 新概念3课文

    2024-06-18 10:48:01       7 阅读
  8. Spring框架的原理及应用详解(七)

    2024-06-18 10:48:01       10 阅读
  9. 【无标题】

    2024-06-18 10:48:01       8 阅读
  10. 基于c语言的简单的数据库

    2024-06-18 10:48:01       7 阅读
  11. windows安装spark

    2024-06-18 10:48:01       7 阅读
  12. MyBatis 特殊SQL执行技巧与注意事项

    2024-06-18 10:48:01       6 阅读
  13. 《爱的艺术》读书笔记

    2024-06-18 10:48:01       6 阅读