<!DOCTYPE html> <html> <head> <title>学生个人网页</title> <style> body { font-family: Arial, sans-serif; margin: 0; padding: 20px; } h1 { color: #333; } .profile-image { width: 100px; height: 100px; border-radius: 50%; } .profile-info { margin-top: 20px; } .info-item { margin-bottom: 10px; } </style> </head> <body> <h1>学生个人网页</h1> <img class="profile-image" src="student-avatar.jpg" alt="学生头像"> <div class="profile-info"> <h2>姓名:张三</h2> <h2>年龄:20岁</h2> <h2>学校:北京大学</h2> <h2>专业:计算机科学与技术</h2> </div> <div class="info-item"> <h3>兴趣爱好:</h3> <p>编程、阅读、旅行</p> </div> <div class="info-item"> <h3>技能:</h3> <ul> <li>Python编程</li> <li>JavaScript前端开发</li> <li>数据库管理(MySQL)</li> </ul> </div> <div class="social-links"> <h3>社交媒体链接:</h3> <a href="https://www.weibo.com/xiaoshan">微博</a> | <a href="https://www.douban.com/people/xiaoshan">豆瓣</a> | <a href="https://www.linkedin.com/in/xiaoshan">LinkedIn</a> </div> </body> </html>
这个示例包含了一个简单的标题、一张头像图片、个人信息和技能展示,以及社交媒体链接,你可以根据自己的需求进行修改和扩展,请确保将头像图片替换为你自己的图片,并根据需要添加其他内容,还可以根据需要添加CSS样式来美化网页的外观。