个人静态博客界面html的模板代码是什么
时间: 2024-05-03 22:21:49 浏览: 84
以下是一个简单的个人静态博客界面HTML模板代码:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>My Blog</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1>My Blog</h1>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
</header>
<main>
<article>
<h2>Blog Post Title</h2>
<p>Blog post content goes here.</p>
</article>
<article>
<h2>Blog Post Title</h2>
<p>Blog post content goes here.</p>
</article>
<article>
<h2>Blog Post Title</h2>
<p>Blog post content goes here.</p>
</article>
</main>
<footer>
<p>© 2021 My Blog</p>
</footer>
</body>
</html>
```
这个模板包括一个标题、导航栏、主要内容区域(每篇博客文章都是一个`<article>`元素),以及页脚。样式表`style.css`可以包含网站的样式信息。
阅读全文