<!DOCTYPE html> <html> <head> <title>我的网页</title> <style> /* 在这里添加你的CSS样式 */ </style> </head> <body> <header> <!-- 在这里添加网站的标题、logo、导航栏等 --> </header> <main> <!-- 在这里添加主要内容区域 --> <h1>欢迎来到我的网页!</h1> <p>这是一个示例网页,用于展示网页制作的基本结构和元素。</p> <ul> <li>列表项 1</li> <li>列表项 2</li> <li>列表项 3</li> </ul> </main> <footer> <!-- 在这里添加页脚区域,包括版权信息、联系方式等 --> </footer> </body> </html>
在上面的代码模板中,你可以看到一些基本的结构和元素,如标题、导航栏、主要内容区域和页脚,你可以根据自己的需求进行修改和扩展。
在 <style>
标签中,你可以添加 CSS 样式来控制网页的外观和布局,你可以使用 CSS 选择器、属性等来定义样式规则。
在 <header>
、<main>
和 <footer>
标签中,你可以添加你希望展示的内容,如标题、导航链接、图像、文本、列表等,这些标签将根据网页的结构和内容进行布局和显示。
请注意,这只是一个简单的代码模板,你可以根据自己的需求进行修改和扩展,如果你需要更高级的功能和交互,可以考虑使用框架或库来帮助你构建网页。