用html写一篇关于美食的页面
时间: 2023-03-04 11:56:12 浏览: 92
以下是一篇使用 HTML 编写的美食页面示例:
```
<!DOCTYPE html>
<html>
<head>
<title>美食推荐</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
/* CSS 样式表 */
body {
font-family: Arial, sans-serif;
background-color: #f5f5f5;
}
h1 {
text-align: center;
color: #333333;
}
h2 {
color: #4CAF50;
}
p {
margin: 0 0 10px 0;
line-height: 1.5;
}
img {
display: block;
max-width: 100%;
height: auto;
margin: 10px auto;
}
.container {
max-width: 800px;
margin: 0 auto;
padding: 20px;
background-color: #ffffff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
</style>
</head>
<body>
<div class="container">
<h1>美食推荐</h1>
<h2>意大利面</h2>
<img src="https://images.unsplash.com/photo-1579185125155-5e5a5bc5d0d7" alt="意大利面">
<p>意大利面是一道源于意大利的传统面食,通常用面条配以各种酱料和佐料,如番茄酱、奶油、肉末等。这是一道美味又简单的家常菜,也是餐厅菜单上常见的美食。</p>
<h2>烤鸡翅</h2>
<img src="https://images.unsplash.com/photo-1613493398349-8d58f31502d6" alt="烤鸡翅">
<p>烤鸡翅是一道美味的小吃或主菜,通常使用各种调味料和酱汁进行调味,再放入烤箱中烤熟。这是一道适合在聚会、派对或户外活动中分享的食物。</p>
<h2>海鲜拼盘</h2>
<img src="https://images.unsplash.com/photo-1566754503277-87da1be9ca05" alt="海鲜拼盘">
<p>海鲜拼盘是一道精致的菜肴,通常包含各种海鲜,如龙虾、扇贝、生蚝、虾仁等。这是一道适合在特殊场合、庆祝活动或浪漫晚餐中享用的美食。</p>
</div>
</body>
</html>
```
在这个页面中,我们使用了
相关推荐
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![doc](https://img-home.csdnimg.cn/images/20210720083327.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)