创建个人网页涉及多个方面,包括HTML(超文本标记语言)的基础知识、CSS(层叠样式表)用于美化网页,以及JavaScript用于增加互动性。下面我将为您提供一个简单的HTML示例,您可以根据自己的需求进行修改和扩展。
HTML 基础示例
```html 我的个人网站 body { fontfamily: 'Arial', sansserif; margin: 0; padding: 0; backgroundcolor: f8f8f8; } .header { backgroundcolor: 333; color: fff; padding: 10px 0; textalign: center; } .nav { liststyletype: none; margin: 0; padding: 0; overflow: hidden; backgroundcolor: 333; } .nav li { float: left; } .nav li a { display: block; color: white; textalign: center; padding: 14px 16px; textdecoration: none; } .nav li a:hover { backgroundcolor: 111; } .content { padding: 20px; } .footer { backgroundcolor: 333; color: white; textalign: center; padding: 10px; position: absolute; bottom: 0; width: 100%; }
欢迎来到我的个人网站
首页 关于我 作品集 联系方式
关于我 这里可以写一些关于您个人的介绍。
作品集 这里可以展示您的作品。
联系方式 您可以在这里留下联系方式。
版权所有