首页做一个html音乐播放页面

做一个html音乐播放页面

时间: 2023-08-09 08:08:58 浏览: 95

好的，下面是一个简单的 HTML 音乐播放页面示例，希望能够帮到你： ```html <!DOCTYPE html> <html> <head> <title>音乐播放页面</title> <style> body { font-family: Arial, sans-serif; background-color: #f2f2f2; margin: 0; padding: 0; } header { background-color: #333; color: #fff; padding: 10px; text-align: center; } h1 { font-size: 36px; margin: 0; } section { background-color: #fff; padding: 10px; margin: 10px; text-align: center; } audio { margin: 10px; } footer { background-color: #333; color: #fff; padding: 10px; text-align: center; } </style> </head> <body> <header> <h1>音乐播放页面</h1> </header> <section> <audio controls> <source src="your_music.mp3" type="audio/mpeg"> Your browser does not support the audio element. </audio> </section> <footer> <p>© 2021. All rights reserved.</p> </footer> </body> </html> ``` 这个页面包含了一个音乐播放器，你需要将 `your_music.mp3` 替换成你自己的音乐文件的路径。你还可以添加一些额外的功能，例如播放列表、暂停/播放按钮、音量控制等等。希望这能够帮到你！

阅读全文