一个简单的HTML 个人网页
warning:
这篇文章距离上次修改已过189天，其中的内容可能已经有所变动。
以下是一个简单的HTML个人主页示例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>个人主页</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f7f7f7;
}
.header {
background-color: #35495e;
color: white;
text-align: center;
padding: 10px;
}
.content {
margin: 15px;
padding: 20px;
}
.column {
float: left;
width: 50%;
padding: 20px;
}
.row::after {
content: "";
clear: both;
display: table;
}
h2 {
margin-bottom: 10px;
}
</style>
</head>
<body>
<div class="header">
<h1>欢迎来到我的主页</h1>
</div>
<div class="content">
<div class="row">
<div class="column">
<h2>关于我</h2>
<p>这里可以是关于你的一些信息。</p>
</div>
<div class="column">
<h2>我的兴趣</h2>
<p>这里可以列举你的兴趣爱好。</p>
</div>
</div>
</div>
</body>
</html>这个HTML页面包含了一个简单的头部（header），内容（content）区域分为两列（column），并且使用了CSS来增强布局和样式。这个示例可以作为创建个人主页的起点，你可以根据自己的需求添加更多的内容和样式。
评论已关闭