<!DOCTYPE html> <html> <head> <title>我的个人网站</title> <style> /* 样式表 */ body { font-family: Arial, sans-serif; margin: 0; padding: 0; } 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> <h2>关于我</h2> <p>我是一个热爱编程和技术的自由职业者,擅长Web开发、UI/UX设计和数据分析,在这里,您可以了解我的背景、技能和项目经验。</p> <h2>技能</h2> <ul> <li>Web开发:HTML、CSS、JavaScript、React.js、Vue.js</li> <li>UI/UX设计:Sketch、Adobe XD、Bootstrap</li> <li>数据分析:SQL、Python、Excel</li> </ul> <h2>项目</h2> <ul> <!-- 在这里添加您的项目列表 --> </ul> </main> <footer> © 2023 我的个人网站 - 联系我 <a href="mailto:example@example.com">example@example.com</a> - Powered by WordPress WordPress主题:MyTheme by ThemeForest.com </footer> </body> </html>
这个代码示例创建了一个简单的个人网站,包括一个标题、关于我、技能列表和项目列表等部分,你可以根据自己的需求进行修改和扩展,请注意,这只是一个基本的模板,你可能需要添加更多的样式和内容来完善你的个人网站,你还需要将你的项目列表添加到<ul>
标签中,以便在网站上展示。