# Build an HTML Music Player - Step 9

**URL:** <https://forum.freecodecamp.org/t/build-an-html-music-player-step-9/789333>\
**Category:** Curriculum Help\
**Tags:** css, html\
**Created:** [May 19, 2026, 11:56pm UTC](https://forum.freecodecamp.org/t/build-an-html-music-player-step-9/789333 "2026-05-19T23:56:06Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![KidRonaldo](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/kidronaldo/32/406639_2.png) [@KidRonaldo](https://forum.freecodecamp.org/u/KidRonaldo)\
**Post date:** [May 19, 2026, 11:56pm UTC](https://forum.freecodecamp.org/t/build-an-html-music-player-step-9/789333/1 "2026-05-19T23:56:06Z")

</div>

### Tell us what’s happening:

## Scratching the Surface

Artist: Quincy Larson

//why am I still stuck?

### Your code so far

```html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Working with the HTML Audio Element</title>
</head>
<body>
  <h1>freeCodeCamp Tunes</h1>

  <h2>Can't Stay Down</h2>
  <p>Artist: Quincy Larson</p>
  
  <audio src="https://cdn.freecodecamp.org/curriculum/js-music-player/can't-stay-down.mp3" loop controls></audio>

  <h2>Cruising for a Musing</h2>
  <p>Artist: Quincy Larson</p>

  <audio src="https://cdn.freecodecamp.org/curriculum/js-music-player/cruising-for-a-musing.mp3" loop controls></audio>

<!-- User Editable Region -->

<h2>Scratching the Surface</h2>
<p>Artist: Quincy Larson<p>

<audio src="https://cdn.freecodecamp.org/curriculum/js-music-player/scratching-the-surface.mp3" loop controls></audio> 

<!-- User Editable Region -->

</body>
</html>

```

### Your browser information:

User Agent is: `Mozilla/5.0 (X11; CrOS x86_64 14541.0.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/138.0.0.0 Safari/537.36`

### Challenge Information:

Build an HTML Music Player - Step 9

> **[freeCodeCamp.org](https://www.freecodecamp.org/learn/responsive-web-design-v9/workshop-html-music-player/step-9)**
>
> Learn to Code — For Free

GitHub Link: [https://github.com/freeCodeCamp/freeCodeCamp/blob/main/curriculum/challenges/english/blocks/workshop-html-music-player/698c58745b73289bb6c89ece.md](https://github.com/freeCodeCamp/freeCodeCamp/blob/main/curriculum/challenges/english/blocks/workshop-html-music-player/698c58745b73289bb6c89ece.md)

---

<div class="post-metadata">

**Author:** ![Teller](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/teller/32/412338_2.png) [@Teller](https://forum.freecodecamp.org/u/Teller)\
**Post date:** [May 20, 2026, 12:46am UTC](https://forum.freecodecamp.org/t/build-an-html-music-player-step-9/789333/2 "2026-05-20T00:46:49Z")

</div>

Hi @KidRonaldo

What is the difference between opening and closing tags?

> [@KidRonaldo](#):
>
> ```auto
> <h2>Scratching the Surface</h2>
> <p>Artist: Quincy Larson<p>
> 
> ```

Happy coding

---

<div class="post-metadata">

**Author:** ![be\_happy](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/be_happy/32/339839_2.png) [@be\_happy](https://forum.freecodecamp.org/u/be_happy)\
**Post date:** [May 20, 2026, 5:34pm UTC](https://forum.freecodecamp.org/t/build-an-html-music-player-step-9/789333/3 "2026-05-20T17:34:02Z")

</div>

Hi Buddy, Here there is only one part missing in this line of code.

> [@KidRonaldo](#):
>
> `<p>Artist: Quincy Larson<p>`

---

<div class="post-metadata">

**Author:** ![system](https://global.discourse-cdn.com/freecodecamp/original/3X/e/1/e1c433102e34b46dfaa3e15d13ab9a514b127078.svg) [@system](https://forum.freecodecamp.org/u/system)\
**Post date:** [June 17, 2026, 5:34pm UTC](https://forum.freecodecamp.org/t/build-an-html-music-player-step-9/789333/4 "2026-06-17T17:34:50Z")

</div>

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.