아마도, 이미지와 mp3 파일 등을 HTML 문서가 있는 곳에 두어서 그런 것이 아닌가 합니다.

예제 2-21에서 다음 부분에서
<li><a href="media/Elvis.png" download>엘비스 이미지 다운로드</a>
<li><a href="media/chapter9.pdf" download>chapter9.pdf 다운로드</a>
<li><a href="media/EmbraceableYou.mp3" download>mp3 다운로드</a>
<li><a href="ex2-09.html" download>예제 2-9 HTML 파일 다운로드</a>
<li><a href="media/test.hwp" download>한글 파일 다운로드</a>

a href="media/Elvis.png"와 같이 자원에 대한 링크에 주목해봐요.
이것은 Elvis.png가 현재 디렉터리 밑의 media 디렉터리에 있다는 뜻입니다.

그러니까 예제 2-21 예제 HTML 파일을 만든 디렉터리 밑에 media 디렉터리를 만들고, 그 밑에 Elvis.png, chapter9.pdf, test.hwp 를 두어야 합니다.
왜 이렇게하는가하면, 보통 미디어 파일들을 HTML 문서 파일과 다른 디렉터리로 관리하기 위해서예요.