用html写一个关于食堂的介绍网页
时间: 2023-10-03 21:10:40 浏览: 36
<!DOCTYPE html>
<html>
<head>
<title>食堂介绍</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body {
font-family: Arial, sans-serif;
background-color: #f2f2f2;
}
h1 {
text-align: center;
color: #333;
}
.container {
margin: 20px auto;
background-color: #fff;
padding: 20px;
max-width: 800px;
box-shadow: 0px 0px 10px #888;
}
p {
line-height: 1.5;
margin-bottom: 20px;
}
img {
display: block;
margin: 0 auto;
max-width: 100%;
}
</style>
</head>
<body>
<div class="container">
<h1>食堂介绍</h1>
<p>我们的食堂位于学校的中心位置,是学生们休息和用餐的重要场所。我们提供各种美食,包括中餐、西餐、快餐、甜点等,能够满足不同口味的需求。</p>
<img src="https://cdn.pixabay.com/photo/2016/08/11/03/39/cafeteria-1585593_1280.jpg" alt="食堂照片">
<h2>菜品介绍</h2>
<p>我们的食堂每天提供新鲜、健康、美味的菜品,以下是我们的部分菜品:</p>
<ul>
<li>红烧肉</li>
<li>宫保鸡丁</li>
<li>番茄炒蛋</li>
<li>糖醋里脊</li>
<li>牛肉拉面</li>
<li>海鲜炒饭</li>
<li>水果沙拉</li>
<li>提拉米苏</li>
<li>巧克力蛋糕</li>
</ul>
<h2>营业时间</h2>
<p>我们的食堂营业时间为:</p>
<table>
<tr>
<th>周一~周五</th>
<td>早餐:7:00~9:00<br>午餐:11:00~14:00<br>晚餐:17:00~19:00</td>
</tr>
<tr>
<th>周六~周日</th>
<td>早餐:7:00~9:00<br>午餐:11:00~14:00</td>
</tr>
</table>
<h2>联系我们</h2>
<p>如果您有任何问题或建议,请随时联系我们:</p>
<ul>
<li>电话:123456789</li>
<li>邮箱:info@xxx.com</li>
<li>地址:xxx街道xxx号</li>
</ul>
</div>
</body>
</html>