学生网页作业家乡介绍网站设计——家乡介绍-长治(8页) HTML+CSS+JavaScript 学生DW网页设计作业成品 html网页制作期末大作业成品_网页设计期末作业

优质内容贡献

于 2022-06-09 13:22:36 发布

阅读量166

点赞数

分类专栏： web大学生个人网站作业模 html网页设计作业学生div+css静态网页设计成品文章标签： css javascript html html5 前端

本文链接： https://blog.csdn.net/qq_524614081/article/details/122350213

版权

HTML5期末大作业：家乡介绍网站设计——家乡介绍-长治(8页)

文章目录

HTML5期末大作业：家乡介绍网站设计——家乡介绍-长治(8页)
一、作品展示
二、文件目录![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/78315e6482aa6aa57a2cc60a4d0aedef.png)
三、代码实现
四、获取更多源码

一、作品展示

二、文件目录

三、代码实现


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
		<title>唇齿留香</title>
		<link rel="stylesheet" href="css/food1.css" type="text/css" />
		<link rel="stylesheet" type="text/css" href="css/guide.css">
	</head>
	<body>
		<script src="/demos/googlegg.js"></script>
		<div class="wraper">
			<div class="teacher">
				<div class="teacherPic">
					<div class="content" id="food1">
						<div class="txt">
							<h3>驴腊肉</h3>
							<h4>潞安府三件宝之一</h4>
							<p>为长治市传统名特食品，享有"天上龙肉，地下驴肉"之美称。</p>
						</div>
					</div>
					<div class="content" id="food2">
						<div class="txt">
							<h3>壶关羊汤</h3>
							<h4>汤鲜味浓，饺香肉嫩，发汗驱寒，营养丰富</h4>
							<p>民间有“冬天喝羊汤，驱寒暖身增营养。伏天喝羊汤，温胃止泄去肚胀”的歌谣之说。</p>
						</div>
					</div>
					<div class="content" id="food3">
						<div class="txt">
							<h3>潞城甩饼</h3>
							<h4>浓香可口，不酥不烂，不软不硬，令人回味无穷。</h4>
							<p>潞城甩饼在晋东南、长治市餐饮比赛活动中多次荣获桂冠。</p>
						</div>
					</div>
				</div>
				<div style="clear