首页用HTML和css写一个纪念汶川地震的网页

用HTML和css写一个纪念汶川地震的网页

时间: 2024-06-09 22:05:59 浏览: 98

好的，以下是一个简单的纪念汶川地震的网页示例： ```html <!DOCTYPE html> <html> <head> <title>汶川地震纪念</title> <style> body { background-color: #f2f2f2; font-family: Arial, sans-serif; margin: 0; padding: 0; } header { background-color: #333; color: #fff; padding: 20px; text-align: center; } h1 { font-size: 36px; margin: 0; } main { max-width: 800px; margin: 0 auto; padding: 20px; } p { font-size: 18px; line-height: 1.5; margin-bottom: 20px; } .image-container { margin: 20px 0; text-align: center; } img { max-width: 100%; height: auto; } footer { background-color: #333; color: #fff; padding: 10px 20px; text-align: center; } </style> </head> <body> <header> <h1>汶川地震十周年纪念</h1> </header> <main> <p>2008年5月12日，四川汶川发生了7.9级地震，这场地震造成了超过8万人死亡、数百万人无家可归。</p> <p>十年过去了，我们怀念那些逝去的生命，也感激那些救援者和志愿者的奉献精神。</p> <div class="image-container"> <img src="https://cdn.pixabay.com/photo/2018/05/13/13/43/sichuan-3393897_1280.jpg" alt="汶川地震"> </div> <p>让我们一起铭记汶川地震，珍惜生命，珍惜眼前的幸福，为我们的家园贡献力量。</p> </main> <footer> <p>© 2018-2021 汶川地震十周年纪念网站</p> </footer> </body> </html> ``` 你可以将这段代码复制到一个文本编辑器中，将文件保存为 `index.html`，然后在浏览器中打开它，就可以看到这个纪念汶川地震的网页了。

阅读全文