MUMYEONG

[HTML] 오디오(Audio)태그 본문

Development/HTML

[HTML] 오디오(Audio)태그

MUMYEONG IMDA 2022. 3. 10. 21:51
반응형
오디오(Audio)태그 
  • HTML5 이후에 도입된 audio태그를 사용하여 웹 페이지에 오디오를 삽입할 수 있다

1) controls 속성

  • 오디오의 재생 도구를 표시해준다.

2) autoplay 속성

  • 오디오 파일을 자동재생시켜준다.

3) src 속성

  • 오디오 파일의 경로 지정한다.

4) type 속성

  • 오디오 파일의 유형과 확장자를 지정한다.

코드

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Media_Audio</title>
</head>

<body>
    <audio controls autoplay src="mediaFile/Kalimba.mp3" type="audio/mp3"></audio>
</body>

</html>

 

결과

 

 

반응형
LIST
저작자표시

'Development > HTML' 카테고리의 다른 글

[HTML] 테이블(Table)태그  (2) 2022.03.30
[HTML] 비디오(Video)태그  (1) 2022.03.10
[HTML] 목록(List)태그 (ul, ol, li, type)  (1) 2022.03.09
[HTML] 이미지태그 (img, src, alt, width, height)  (1) 2022.03.09
[HTML] 앵커(anchor)태그 (a, href, target)  (1) 2022.03.09
'Development/HTML' Related Articles more