用html语言制作一个音乐播放网页,不使用CSS和JavaScript
时间: 2024-10-15 17:22:12 浏览: 5
创建一个基本的音乐播放网页,不使用CSS(用于样式)和JavaScript(用于交互效果),通常会涉及到HTML5的`<audio>`标签。以下是一个简单的例子,假设我们有一个名为"music.mp3"的音频文件:
```html
<!DOCTYPE html>
<html>
<head>
<title>音乐播放页</title>
</head>
<body>
<h1>点击播放音乐</h1>
<audio id="myAudio" src="music.mp3"></audio>
<!-- 播放按钮 -->
<button onclick="playMusic()">播放</button>
<button onclick="pauseMusic()" disabled>暂停</button>
<script>
function playMusic() {
var audio = document.getElementById('myAudio');
if (!audio.paused) return;
audio.play();
document.querySelector('button').innerText = '暂停';
document.querySelector('button').disabled = false;
}
function pauseMusic() {
var audio = document.getElementById('myAudio');
if (audio.paused) return;
audio.pause();
document.querySelector('button').innerText = '播放';
document.querySelector('button').disabled = true;
}
</script>
</body>
</html>
```
这个示例中,我们有一个`<audio>`标签链接到音乐文件,然后有两个按钮,通过JavaScript的`play()`和`pause()`方法控制音频的播放和暂停。由于没有CSS,按钮默认样式将取决于浏览器的内置样式。