[HTML] 소리를 출력하는 태그(audio)Web_Frontend/HTML & CSS2021. 11. 4. 13:28
Table of Contents
1. 소리를 출력하는 태그
- 과거 : html에서 지원하지 않음. 외부 플러그인 스크립트를 html문서에 삽입하여 소리 출력
- 현재 : html5부터 오디오 태그 지원.
1) audio 태그
- 종료 태그 있음 < audio >
2) audio 태그 필수 속성
(1) src(source) 태그 : audio파일 위치 경로/URL
< audio src = "파일 위치 경로 or URL">
<audio src="야나블로그.mp3"></audio>
3) audio 태그 기타 속성
(1) controls : 컨트롤러 표시 유무 설정
- 설정 값 = 속성명 동일
(2) autoplay : 자동 실행 설정
- 설정 값 = 속성명 동일
(3) loop : 무한 반복 설정
- 설정 값 = 속성명 동일
<audio src="야나블로그.mp3" controls="controls" autoplay="autoplay" loop="loop"></audio>
'Web_Frontend > HTML & CSS' 카테고리의 다른 글
[HTML] 동영상을 출력하는 태그(video) (0) | 2021.11.18 |
---|---|
[HTML] 이미지를 나타내는 태그(img) (0) | 2021.11.04 |
[HTML] 표를 나타내는 태그(table) (0) | 2021.11.03 |
[HTML] 리스트(ul,ol,li, dl,dt,dd) 태그 (0) | 2021.10.29 |
[HTML] 헤드(head)와 바디(body)란? / br,h#,p,a,b,i,sup,ins,del 태그 (0) | 2021.10.29 |
@Yanako :: Yana's coding story였는데요, 우당탕탕 개발일지가 맞는것같
야나의 코딩 일기장 :) #코딩블로그 #기술블로그 #코딩 #조금씩,꾸준히
포스팅이 좋았다면 "좋아요❤️" 또는 "구독👍🏻" 해주세요!