以下是一个简单的HTML个人网页的示例,包括源代码
html复制代码
<!DOCTYPE html> | |
<html> | |
<head> | |
<title>个人网页</title> | |
<style> | |
body { | |
font-family: Arial, sans-serif; | |
margin: 0; | |
padding: 0; | |
} | |
header { | |
background-color: #f2f2f2; | |
padding: 10px; | |
text-align: center; | |
} | |
main { | |
margin: 20px; | |
} | |
footer { | |
background-color: #f2f2f2; | |
padding: 10px; | |
text-align: center; | |
} | |
</style> | |
</head> | |
<body> | |
<header> | |
<h1>个人网页</h1> | |
</header> | |
<main> | |
<h2>关于我</h2> | |
<p>这里可以写一些关于你的简短介绍。</p> | |
<h2>我的技能</h2> | |
<ul> | |
<li>技能1</li> | |
<li>技能2</li> | |
<li>技能3</li> | |
</ul> | |
<h2>我的作品</h2> | |
<ul> | |
<li><a href="作品1.html">作品1</a></li> | |
<li><a href="作品2.html">作品2</a></li> | |
<li><a href="作品3.html">作品3</a></li> | |
</ul> | |
</main> | |
<footer>版权所有 © 2023</footer> | |
</body> | |
</html> |
将以上代码复制并粘贴到一个文本编辑器中,然后将其保存为一个以.html
为扩展名的文件。在浏览器中打开该文件,你就可以看到一个简单的HTML个人网页。记得替换“关于我”、“我的技能”、“我的作品”等部分的内容,以适应你的个人网页需求。