<!DOCTYPE html> <html> <head> <title>个人网页</title> <style> body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #f4f4f4; } header { background-color: #333; color: #fff; padding: 10px; text-align: center; } h1 { margin: 0; } main { margin: 20px; } footer { background-color: #333; color: #fff; padding: 5px; text-align: center; } </style> </head> <body> <header> <h1>欢迎来到我的个人网页</h1> </header> <main> <p>我是一个热爱编程和设计的年轻人,希望通过这个个人网页分享我的经验和技能。</p> <h2>技能与经验</h2> <p>我拥有多年的编程经验,熟练掌握多种编程语言和开发框架,除此之外,我还擅长网页设计、UI/UX设计和数据分析等领域。</p> <h2>教育背景</h2> <p>我拥有计算机科学学士学位,并在多个项目中积累了丰富的实践经验。</p> <h2>联系信息</h2> <p>如果您对我感兴趣或有任何问题,可以通过以下方式与我联系:</p> <ul> <li>电子邮件:[您的电子邮件地址]</li> <li>电话:[您的电话号码]</li> <li>社交媒体:@[您的社交媒体账号]</li> </ul> </main> <footer> © 2023 我的个人网页. All rights reserved. </footer> </body> </html>
这个代码创建了一个简单的个人网页,包括一个标题、一段介绍文字、一些技能和经验描述、教育背景、联系信息以及一个版权声明,你可以根据自己的需求进行修改和扩展,请注意,这只是一个基本的示例,你可以根据需要添加更多的内容和功能,例如博客文章、图片展示、交互式元素等。