以下是一个简单的HTML和CSS代码示例,用于创建一个完整的网页:
<!DOCTYPE html> <html> <head> <title>我的网页</title> <style> body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #f0f0f0; } header { background-color: #333; color: #fff; padding: 10px; text-align: center; } main { margin: 10px; padding: 20px; background-color: #fff; } footer { background-color: #333; color: #fff; padding: 10px; text-align: center; } </style> </head> <body> <header> <h1>欢迎来到我的网页</h1> </header> <main> <p>这是一个简单的网页示例。</p> <p>它包含了HTML和CSS代码。</p> </main> <footer>版权所有 © 2023</footer> </body> </html>
这个示例创建了一个简单的网页,其中包含一个标题、一个主要内容区域和一个页脚,CSS样式用于设置网页的外观,包括字体、颜色、边距和背景颜色等。