段落、列表、链接等,以下是一个简单的个人网页的HTML代码示例:
<!DOCTYPE html><html><head> <title>我的个人网页</title> <style> body { font-family: Arial, sans-serif; } h1 { color: #333; } p { color: #666; } </style></head><body> <header> <h1>欢迎来到我的个人网页</h1> </header> <nav> <ul> <li><a href="#about">关于我</a></li> <li><a href="#projects">项目</a></li> <li><a href="#contact">联系我</a></li> </ul> </nav> <section id="about"> <h2>关于我</h2> <p>我是一个热爱编程的软件工程师,我对新技术充满热情,喜欢探索和学习。</p> </section> <section id="projects"> <h2>项目</h2> <ul> <li><a href="#">项目1</a></li> <li><a href="#">项目2</a></li> <li><a href="#">项目3</a></li> </ul> </section> <section id="contact"> <h2>联系我</h2> <p>如果你对我的工作有兴趣,或者有任何问题,欢迎通过以下方式联系我:</p> <p><strong>Email: example@example.com</strong></p> <p><strong>Phone: 123-456-7890</strong></p> </section> <footer> <p>© 2022 我的个人网页. All rights reserved.</p> </footer></body></html>
这个示例包含了一个基本的HTML结构,包括头部(head)、主体(body)、导航(nav)、内容区域(section)和页脚(footer),在头部,我们设置了页面的标题,在主体部分,我们添加了一些基本的样式,以及一些内容区域,包括关于我、项目和我的联系信息,在页脚,我们添加了版权信息。
免责声明:本站内容仅用于学习参考,信息和图片素材来源于互联网,如内容侵权与违规,请联系我们进行删除,我们将在三个工作日内处理。联系邮箱:chuangshanghai#qq.com(把#换成@)