<!DOCTYPE html> <html> <head> <title>我的网页</title> <style> body { font-family: Arial, sans-serif; margin: 0; padding: 20px; } h1 { color: #333; } p { color: #666; } </style> </head> <body> <h1>欢迎来到我的网页!</h1> <p>这是一个简单的HTML网页示例,用于展示网页的基本结构和元素。</p> <p>你可以在这里添加文本、图片、链接、列表等各种元素,以丰富你的网页内容。</p> <h2>网页元素</h2> <ul> <li>标题:<a href="#">标题文字</a></li> <li>段落:<p>这是第一段文字。</p></li> <li>链接:<a href="https://www.example.com">点击这里访问示例网站</a></li> <li>图片:<img src="image.jpg" alt="示例图片" /></li> <li>列表:<ul><li>列表项1</li><li>列表项2</li></ul></li> </ul> <h2>CSS样式</h2> <p>你可以使用CSS来添加样式,例如更改字体、颜色、大小、边距等。</p> <p><strong>注意:</strong>在编写HTML和CSS时,请确保遵循W3C规范,以确保网页在不同浏览器中的兼容性和显示效果。</p> </body> </html>
这个网页的标题是"我的网页",内容介绍了如何制作一个简单的HTML网页,并展示了各种网页元素和CSS样式的用法,你可以根据自己的需求进行修改和扩展,记得在保存文件时将文件扩展名更改为.html
,以确保它是一个有效的HTML文件。