html网页制作食谱简单
时间: 2023-12-19 18:06:30 浏览: 28
HTML网页制作食谱相对来说比较简单,只需要掌握一些基本的HTML标签和CSS样式即可。以下是一个简单的HTML食谱网页的例子:
```html
<!DOCTYPE html>
<html>
<head>
<title>柠檬蜜汁鸡翅</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f2f2f2;
}
h1 {
text-align: center;
color: #ff6600;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
}
li {
margin-bottom: 10px;
}
img {
display: block;
margin: 0 auto;
max-width: 100%;
}
</style>
</head>
<body>
<h1>柠檬蜜汁鸡翅</h1>
<img src="https://example.com/chicken_wings.jpg" alt="柠檬蜜汁鸡翅">
<ul>
<li>鸡翅中6个</li>
<li>柠檬1个</li>
<li>蜂蜜适量</li>
<li>盐适量</li>
<li>黑胡椒粉适量</li>
<li>生姜适量</li>
<li>蒜适量</li>
</ul>
<h2>步骤</h2>
<ol>
<li>将鸡翅中洗净,用厨房纸吸干水分,切成小块。</li>
<li>将柠檬挤汁,加入蜂蜜、盐、黑胡椒粉、生姜和蒜,搅拌均匀。</li>
<li>将鸡翅块放入碗中,倒入柠檬蜜汁,腌制30分钟。</li>
<li>将腌制好的鸡翅块放入烤盘中,放入预热好的烤箱中,上下火200度,烤15分钟。</li>
<li>取出烤好的鸡翅块,撒上适量的黑胡椒粉即可。</li>
</ol>
</body>
</html>
```