如何使用HTML制作个人网站(html网页制作)
warning:
这篇文章距离上次修改已过201天,其中的内容可能已经有所变动。
创建一个简单的个人网站,你可以使用以下基本的HTML结构:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>个人网站标题</title>
<style>
/* 在这里写入CSS样式 */
</style>
</head>
<body>
<header>
<nav>
<!-- 导航链接 -->
<ul>
<li><a href="#">主页</a></li>
<li><a href="#">关于</a></li>
<li><a href="#">作品</a></li>
<li><a href="#">联系</a></li>
</ul>
</nav>
<h1>个人网站标题</h1>
</header>
<section>
<!-- 主要内容 -->
<article>
<h2>文章标题</h2>
<p>这里是文章的内容。</p>
</article>
</section>
<footer>
<!-- 页脚信息 -->
<p>版权信息</p>
</footer>
</body>
</html>
在<style>
标签中,你可以添加CSS来进一步美化你的网站。你可以使用外部CSS文件,只需将其链接到HTML头部:
<link rel="stylesheet" href="styles.css">
确保你的HTML文件和CSS文件位于同一目录中,或者调整href
属性以正确指向你的CSS文件。
这是一个基本的网站架构,你可以根据需要添加更多的内容和样式。
评论已关闭