用html 写一个外卖首页
时间: 2023-10-04 13:06:30 浏览: 49
好的,下面是一个简单的外卖首页的HTML代码:
<!DOCTYPE html>
<html>
<head>
<title>外卖首页</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<header>
<h1>外卖点餐</h1>
<nav>
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">菜单</a></li>
<li><a href="#">购物车</a></li>
<li><a href="#">联系我们</a></li>
</ul>
</nav>
</header>
<main>
<h2>热门菜品</h2>
<section>
<article>
<h3>麻辣烫</h3>
<p>价格:25元/份</p>
<p>描述:口感麻辣,特别好吃。</p>
</article>
<article>
<h3>蛋炒饭</h3>
<p>价格:15元/份</p>
<p>描述:香气四溢,口感丰富。</p>
</article>
<article>
<h3>牛肉拉面</h3>
<p>价格:20元/份</p>
<p>描述:汤鲜面劲,好吃不贵。</p>
</article>
</section>
<h2>新品上市</h2>
<section>
<article>
<h3>酸辣粉</h3>
<p>价格:18元/份</p>
<p>描述:酸辣可口,适合夏天食用。</p>
</article>
<article>
<h3>糖醋排骨</h3>
<p>价格:35元/份</p>
<p>描述:酸甜可口,肉质鲜嫩。</p>
</article>
<article>
<h3>咖喱鸡饭</h3>
<p>价格:30元/份</p>
<p>描述:浓郁香辣,口感独特。</p>
</article>
</section>
</main>
<footer>
<p>© 外卖点餐 2021</p>
</footer>
</body>
</html>