html网页制作美食
时间: 2023-12-26 16:28:00 浏览: 86
根据提供的引用内容,以下是一个使用HTML制作美食网页的示例:
```html
<!DOCTYPE html>
<html>
<head>
<title>美食网页</title>
<style>
/* CSS样式可以用来美化网页 */
body {
font-family: Arial, sans-serif;
background-color: #f2f2f2;
}
h1 {
color: #ff6600;
text-align: center;
}
.recipe {
background-color: #fff;
padding: 20px;
margin-bottom: 20px;
}
.recipe h2 {
color: #333;
}
.recipe p {
color: #666;
}
</style>
</head>
<body>
<h1>美食网页</h1>
<div class="recipe">
<h2>巧克力蛋糕</h2>
<p>这是一道美味的巧克力蛋糕的食谱。</p>
<p>材料:</p>
<ul>
<li>巧克力</li>
<li>面粉</li>
<li>糖</li>
<li>鸡蛋</li>
<li>牛奶</li>
</ul>
<p>步骤:</p>
<ol>
<li>将巧克力融化。</li>
<li>将面粉、糖、鸡蛋和牛奶混合在一起。</li>
<li>将巧克力倒入混合物中,搅拌均匀。</li>
<li>将混合物倒入蛋糕模具中,放入烤箱烘烤。</li>
<li>烤熟后取出,待凉后即可享用。</li>
</ol>
</div>
<div class="recipe">
<h2>海鲜大餐</h2>
<p>这是一道丰盛的海鲜大餐的食谱。</p>
<p>材料:</p>
<ul>
<li>虾</li>
<li>螃蟹</li>
<li>鱼</li>
<li>贝类</li>
<li>调味料</li>
</ul>
<p>步骤:</p>
<ol>
<li>将海鲜清洗干净。</li>
<li>加入适量的调味料腌制一段时间。</li>
<li>将海鲜放入蒸锅中蒸熟。</li>
<li>取出后摆盘,即可享用。</li>
</ol>
</div>
</body>
</html>
```
阅读全文