以下是一个简单的HTML个人主页的示例:
<!DOCTYPE html> <html> <head> <title>个人主页</title> <style> body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #f0f0f0; } header { background-color: #333; color: #fff; padding: 10px; text-align: center; } main { margin: 20px; } footer { background-color: #333; color: #fff; 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="project1.html">项目1</a></li> <li><a href="project2.html">项目2</a></li> <li><a href="project3.html">项目3</a></li> </ul> </main> <footer> <p>© 2023 我的个人主页. All rights reserved.</p> </footer> </body> </html>
这个示例包含了一个简单的个人主页,包括一个标题、关于我、我的技能、我的项目等部分,你可以根据自己的需求进行修改和扩展,记得将示例中的链接替换为你自己的项目页面链接。