html个人博客网站模板
以下是一个简单的HTML个人博客网站模板，包含了基础的HTML结构和必要的元素。
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>个人博客</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1><a href="index.html">个人博客</a></h1>
<nav>
<ul>
<li><a href="index.html">首页</a></li>
<li><a href="about.html">关于我</a></li>
<li><a href="archive.html">存档</a></li>
<li><a href="contact.html">联系</a></li>
</ul>
</nav>
</header>
<main>
<article>
<header>
<h2>博客文章标题</h2>
<p>发布时间 | 分类 | 标签</p>
</header>
<section>
<p>这里是博客文章的内容。</p>
<!-- 更多内容 -->
</section>
</article>
</main>
<footer>
<p>版权所有 © 2023 个人博客</p>
</footer>
</body>
</html>这个模板包括了一个简单的HTML文档的基本结构，包括头部（header）、导航（nav）、主要内容区域（main）和底部（footer）。在<article>标签内，包含了一篇博客文章的结构，包括标题（h2）、元数据（p）和文章内容（section）。
要使这个模板工作，您需要创建一个style.css文件来定义样式，或者直接在<head>标签内使用内联样式。同时，您需要将这个模板中的链接替换为指向您网站实际资源的链接。
评论已关闭