HTML搭建：带精美图片的中国传统文化主页

当然可以！下面是一个使用HTML编写的关于中国传统文化的示例主页： ```html <!DOCTYPE html> <html lang="en"> <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; background-color: #f1f1f1; color: #333; margin: 0; padding: 0; } header { background-color: #333; padding: 20px; text-align: center; } h1 { color: #fff; } main { max-width: 800px; margin: 20px auto; background-color: #fff; padding: 20px; border-radius: 5px; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); } img { max-width: 100%; height: auto; border-radius: 5px; } </style> </head> <body> <header> <h1>中国传统文化</h1> </header> <main> <h2>介绍</h2> <p>中国传统文化是中华民族几千年文明发展的结晶，包括诗词歌赋、书法绘画、礼仪习俗、戏曲舞蹈等多个方面。它代表了中国人的智慧和价值观。</p> <h2>代表作品</h2> <ul> <li>诗词歌赋：《红楼梦》、《论语》、《诗经》</li> <li>书法绘画：《清明上河图》、《百鸟朝凤》、《千里江山图》</li> <li>戏曲舞蹈：京剧、豫剧、杂技</li> </ul> <h2>图片</h2> <img src="china_traditional_culture.jpg" alt="中国传统文化"> </main> </body> </html> ``` 在上面的示例中，你需要将图片文件命名为`china_traditional_culture.jpg`，并与HTML文件放在同一个目录下，这样图片才能正确显示。 ######[AI写代码神器 | 1485点数解答 | 2024-01-05 12:05:20]

服务商

更多选项

快捷项

自定义