HTML精美主页,不要导航栏
时间: 2023-07-18 17:22:26 浏览: 82
以下是一个简单的HTML精美主页,不包含导航栏:
```html
<!DOCTYPE html>
<html>
<head>
<title>精美主页</title>
<style>
body {
background-color: #f5f5f5;
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
header {
background-color: #333;
color: #fff;
padding: 20px;
text-align: center;
}
h1 {
margin: 0;
}
section {
background-color: #fff;
padding: 20px;
text-align: center;
margin-top: 20px;
}
section p {
margin: 0;
}
footer {
background-color: #333;
color: #fff;
padding: 20px;
text-align: center;
margin-top: 20px;
}
</style>
</head>
<body>
<header>
<h1>欢迎来到我的精美主页</h1>
</header>
<section>
<h2>关于我</h2>
<p>我是一名热爱编程的开发者,喜欢设计和开发网站。</p>
<p>在这个网站上,我将与您分享我的一些项目和经验。</p>
</section>
<section>
<h2>我的项目</h2>
<p>我已经完成了许多令人惊叹的项目,包括:</p>
<ul>
<li>一个在线商店</li>
<li>一个社交媒体平台</li>
<li>一个游戏网站</li>
</ul>
<p>请随时联系我了解更多信息!</p>
</section>
<footer>
<p>版权所有 © 2021</p>
</footer>
</body>
</html>
```
这个主页使用了基本的HTML结构和一些CSS样式,包括背景颜色、字体、内边距和外边距等。它包括一个标题、关于我和项目部分以及页脚。