lesson1Title

lesson2Title

lesson3Title

lesson4Title

lesson5Title

lesson6Title

lesson7Title

lesson8Title

lesson9Title

lesson10Title

lesson11Title

lesson12Title

webIntroHtmlChapter2Title

webIntroHtmlChapter1Title

webIntroHtmlChapter3Title

webIntroHtmlChapter4Title

<!DOCTYPE html>
<html lang="ko">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link
      href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR"
      rel="stylesheet"
    />
    <title>audio 태그 예시</title>
  </head>

  <body>
    
    <audio controls>
      <source
        src="https://cdn.freesound.org/previews/531/531947_7707368-lq.mp3"
        type="audio/mp3"
      />
    </audio>
  </body>
</html>

# audio 태그

`<audio>` 태그를 사용하면 웹페이지에서 mp3, wav와 같은 오디오 파일을 재생할 수 있습니다.

```html title="audio 태그 사용법"
<audio controls>
  <source src="your-audio.mp3" type="audio/mp3" />
  사용하시는 브라우저가 오디오를 지원하지 않습니다.
</audio>
```

<br />

## 주요 속성

- `controls`: 오디오 재생, 일시정지, 볼륨 조절 등을 할 수 있는 컨트롤러 표시

- `<source>`: 오디오 파일의 경로와 타입 지정

<br />

## `<audio>` 태그 사용 유의사항

1. `대체 텍스트`: audio 태그 사이에 작성한 문구는 오디오를 지원하지 않는 브라우저에서 보여질 내용을 정의합니다.

2. `용량 고려`: 용량이 큰 오디오 파일은 웹 페이지의 로딩 시간에 영향을 줄 수 있습니다. 따라서 가능한 크기가 작은 오디오 파일을 사용하는 것이 좋습니다.

audio 태그

주요 속성

<audio> 태그 사용 유의사항

`<audio>` 태그 사용 유의사항