首页个人网站设计html代码，导航条包括个人介绍，，个人经历，兴趣爱好

个人网站设计html代码，导航条包括个人介绍，，个人经历，兴趣爱好

时间: 2023-08-01 21:11:06 浏览: 54

以下是一个简单的导航条 HTML 代码示例，包括个人介绍，个人经历和兴趣爱好： ``` <!DOCTYPE html> <html> <head> <title>个人网站</title> <style> /* CSS 样式 */ nav { background-color: #333; overflow: hidden; } nav a { float: left; color: white; text-align: center; padding: 14px 16px; text-decoration: none; } nav a:hover { background-color: #ddd; color: black; } </style> </head> <body>  <nav> <a href="#intro">个人介绍</a> <a href="#experience">个人经历</a> <a href="#hobbies">兴趣爱好</a> </nav>  <div id="intro"> <h1>个人介绍</h1> <p>这里是个人介绍的内容。</p> </div> <div id="experience"> <h1>个人经历</h1> <p>这里是个人经历的内容。</p> </div> <div id="hobbies"> <h1>兴趣爱好</h1> <p>这里是兴趣爱好的内容。</p> </div> </body> </html> ``` 你可以根据自己的需要修改样式和内容，添加其他页面元素。