html美食网页设计代码
时间: 2023-12-29 17:04:18 浏览: 120
很高兴为您解答。根据您提供的引用内容,以下是一个简单的HTML美食网页设计代码的示例:
```html
<!DOCTYPE html>
<html>
<head>
<title>四川美食首页</title>
<style>
/* CSS样式代码 */
body {
font-family: Arial, sans-serif;
background-color: #f2f2f2;
margin: 0;
padding: 0;
}
header {
background-color: #333;
color: #fff;
padding: 20px;
text-align: center;
}
nav {
background-color: #666;
color: #fff;
padding: 10px;
text-align: center;
}
section {
background-color: #fff;
padding: 20px;
margin: 10px;
}
footer {
background-color: #333;
color: #fff;
padding: 20px;
text-align: center;
}
</style>
</head>
<body>
<header>
<h1>四川美食首页</h1>
</header>
<nav>
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">美食推荐</a></li>
<li><a href="#">特色菜谱</a></li>
<li><a href="#">美食地图</a></li>
<li><a href="#">联系我们</a></li>
</ul>
</nav>
<section>
<h2>欢迎来到四川美食首页</h2>
<p>这里是介绍四川美食的网页,包括美食推荐、特色菜谱、美食地图等内容。</p>
</section>
<footer>
<p>版权所有 © 2021 四川美食首页</p>
</footer>
</body>
</html>
```
这是一个简单的HTML网页设计代码,包括了页面的基本结构和样式。您可以根据需要进行修改和扩展。希望对您有帮助!
阅读全文