首页html个人主页代码

html个人主页代码

时间: 2023-11-26 13:05:04 浏览: 125

以下是一个简单的HTML个人主页代码示例： ```html <!DOCTYPE html> <html> <head> <title>个人主页</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="style.css"> </head> <body> <header> <h1>欢迎来到我的个人主页</h1> <nav> <ul> <li><a href="#">首页</a></li> <li><a href="#">关于我</a></li> <li><a href="#">我的项目</a></li> <li><a href="#">我的日记</a></li> <li><a href="#">联系我</a></li> </ul> </nav> </header> <main> <section> <h2>个人简介</h2> <p>我是一名Web开发工程师，热爱编程和设计。</p> </section> <section> <h2>我的技能</h2> <ul> <li>HTML</li> <li>CSS</li> <li>JavaScript</li> <li>jQuery</li> <li>Bootstrap</li> </ul> </section> <section> <h2>我的项目</h2> <ul> <li><a href="#">项目1</a></li> <li><a href="#">项目2</a></li> <li><a href="#">项目3</a></li> </ul> </section> <section> <h2>我的日记</h2> <ul> <li><a href="#">日记1</a></li> <li><a href="#">日记2</a></li> <li><a href="#">日记3</a></li> </ul> </section> </main> <footer> <p>版权所有 © 2021</p> </footer> </body> </html> ``` 这个示例包含了一个简单的页面布局，包括页眉、主要内容和页脚。页眉包括一个标题和一个导航菜单，主要内容包括几个部分，如个人简介、技能、项目和日记等。页脚包含版权信息。

阅读全文