<!DOCTYPE html> <html> <head> <title>个人网页设计</title> <style> body { font-family: Arial, sans-serif; background-color: #f2f2f2; margin: 0; padding: 0; } header { background-color: #333; color: #fff; padding: 10px; text-align: center; } h1 { margin: 0; } section { margin: 20px; } footer { background-color: #333; color: #fff; padding: 5px; text-align: center; } </style> </head> <body> <header> <h1>欢迎来到我的个人网页</h1> </header> <section> <p>这里是我的个人介绍和经历,包括我的教育背景、工作经历、技能和兴趣爱好等等。</p> </section> <footer> <p>© 2023 个人网页设计</p> </footer> </body> </html>
这个示例中,我们使用了基本的HTML元素来创建一个简单的个人网页,标题使用<h1>
标签,内容使用<p>
标签,样式使用CSS进行简单的排版和美化,页面的背景颜色为灰色,标题和部分内容使用了不同的颜色和样式,页脚包含版权信息,你可以根据自己的需求进行修改和扩展,记得将这段代码保存为一个HTML文件,然后在浏览器中打开它,就可以看到你的个人网页了。