超实用！软件工程师张三的个人空间主页源码大揭秘

```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>个人空间主页</title> <style> body { font-family: Arial, sans-serif; background-color: #f0f0f0; margin: 0; padding: 0; } header { background-color: #4CAF50; color: white; text-align: center; padding: 1em; } nav { margin: 2em; } nav ul { list-style-type: none; padding: 0; } nav ul a { color: #4CAF50; text-decoration: none; } article { margin: 2em; padding: 1em; background-color: white; border-radius: 5px; } footer { background-color: #4CAF50; color: white; text-align: center; padding: 1em; position: absolute; bottom: 0; width: 100%; } </style> </head> <body> <header> <h1>欢迎来到我的个人空间</h1> </header> <nav> <ul> <li><a href="#about">关于我</a></li> <li><a href="#projects">项目</a></li> <li><a href="#contact">联系我</a></li> </ul> </nav> <article id="about"> <h2>关于我</h2> <p>你好，我是张三，一名软件工程师。我热爱编程，喜欢探索新技术。在这里，你可以了解到我的项目和联系方式。</p> </article> <article id="projects"> <h2>项目</h2> <ul> <li>项目1：一个简单的在线购物网站</li> <li>项目2：一个实时聊天应用</li> <li>项目3：一个智能推荐系统</li> </ul> </article> <article id="contact"> <h2>联系我</h2> <p>邮箱：zhangsan@example.com</p> <p>电话：+86 1234567890</p> </article> <footer> <p>版权所有 © 2022 张三</p> </footer> </body> </html> ``` ######[AI写代码神器 | 693点数解答 | 2024-06-11 22:26:42]

服务商

更多选项

快捷项

自定义