首页用html代码仿写网页

用html代码仿写网页

时间: 2024-10-14 20:15:29 浏览: 33

创建一个基本的HTML网页包括头部（header）、主体（body）和底部（footer），这里有一个简单的仿写示例： ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>我的简单网页</title> <style> /* 内置样式 */ body { font-family: Arial, sans-serif; margin: 0; padding: 20px; background-color: #f5f5f5; } header { background-color: #333; color: white; padding: 10px; text-align: center; } footer { background-color: #333; color: #ddd; text-align: center; padding: 10px; position: fixed; bottom: 0; width: 100%; } a { color: blue; text-decoration: none; } a:hover { text-decoration: underline; } </style> </head> <body> <header> <h1>欢迎来到我的网站</h1> <nav> <ul> <li><a href="#">首页</a></li> <li><a href="#">关于</a></li> <li><a href="#">联系我们</a></li> </ul> </nav> </header> <main> <h2>主要内容区域</h2> <p>这是一段示例文字，你可以在这里添加具体内容。</p> </main> <footer> 版权所有 © 2023 我的网站，保留所有权利。 </footer> </body> </html> ``` 这个示例包含了一个带导航栏的页头、一段内容区域和页脚。每个部分都有相应的内置样式，如字体、颜色、布局等。

阅读全文