<img>
태그<img>
태그는 정보성을 갖고있는 이미지를 삽입할 때 사용한다.
Example)
<img src="chicken.jpg" alt="chicken!" width=100px height=100px>
<img>
태그의 속성✔ <img>
태그는 열린태그만 가지고 있으며, 닫힌태그는 없다.
<audio>
태그<audio>
태그는 문서에 음향 파일을 삽입할 때 사용한다.
Example)
<audio src="audio file" controls autoplay loop muted preload></audio>
<audio>
태그의 속성
<video>
태그<video>
태그는 문서에 음향 파일을 삽입할 때 사용한다.
Example)
<video src="video file" controls width="100px" height="100px" autoplay
muted loop preload poster="썸네일 이미지.jpg"></video>
<video>
태그의 속성✔ <source>
태그를 사용하는 방법
Example)
<audio controls>
<source src="audio file" type="audio/ogg">
<source src="audio file" type="audio/mpeg">
<source src="audio file" type="audio/wav">
파일 오류 시 대체되는 텍스트 내용
</audio>
<!-- <video> 태그도 동일한 폼으로 작성 -->
<source>
태그의 속성 ✔ <audio>
태그에서는 'mp3', 'wav', 'ogg' 3가지의 파일 형식을 지원한다.
✔ 브라우저에 따라 지원하는 파일의 형식이 다르기 때문에, <source>
태그를 사용하여
여러 형식의 파일을 지정한다. 위의 경우 ogg -> mp3 -> wav -> 오류메시지 순서로 실행된다.
<iframe>
태그<iframe>
태그는 <video>
태그와 마찬가지로 문서에 음향 파일을 삽입할 때 사용한다. 이는 'youtube' 등의 플랫폼에서 영상을 가져와 업로드 한다.
Example)
1. Youtube 등의 플랫폼에서 가져올 동영상 클릭
2. 해당 동영상의 공유 버튼 클릭
3. 퍼가기 클릭 후 나타나는 <iframe> 태그의 주소를 복사하여 동영상 삽입할 위치에 붙여넣기