个人博客html代码
时间: 2023-08-01 22:13:09 浏览: 120
以下是一个简单的个人博客 HTML 代码示例:
```html
<!DOCTYPE html>
<html>
<head>
<title>我的博客</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
</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>
<article>
<header>
<h2>我的第一篇博客</h2>
<p>发布时间:2021年1月1日</p>
</header>
<p>这是我的第一篇博客。</p>
<p>欢迎来到我的博客。</p>
</article>
<article>
<header>
<h2>我的第二篇博客</h2>
<p>发布时间:2021年1月2日</p>
</header>
<p>这是我的第二篇博客。</p>
<p>感谢您的光临。</p>
</article>
</main>
<footer>
<p>版权所有 © 2021 我的博客</p>
</footer>
</body>
</html>
```
这个代码示例包含了一个简单的网页结构:头部、主体和底部。头部包含了博客的标题和导航菜单,主体包含了两篇博客文章,底部包含了版权声明。你可以根据自己的需要修改和添加内容。同时,你也可以使用 CSS 来美化页面的样式。
阅读全文