[HTML]Chapter3-2

미디어/그래픽 태그 - 멀티미디어 재생 및 그래픽 영역 제공 태그

 

<audio> 태그 - 오디오 파일 재생

오디오 파일을 재생할 때 사용하며, autoplay(자동재생), controls(컨트롤러 표시), loop(반복), muted(뮤트), preload(미리 오디오파일 로드), src(재생할 오디오 파일) 속성을 갖는다. 재생할 오디오 파일에 대한 정보는 주로 <source> 태그를 사용해서 정의한다.

 

<video> 태그 - 비디오 재생

비디오 파일을 재생할 때 사용하며, autoplay(자동 재생), contorls(컨트롤러 표시), height(비디오 화면 높이), loop(반복), muted(뮤트-화면 끄기), preload(미리 비디오 파일 로드), src(재생할 비디오 파일), width(비디오 화면) 속성을 갖는다.

 

<embed> 태그 - 플러그인 콘텐츠 표시

플래시 파일(.swf) 및 동영상파일(.mp4 등), html 파일(.html), 이미지 파일(.jpg) 등을 플러그인 콘텐츠로써 화면에 표시한다. src(플러그인 콘텐츠 파일), width(플러그인 콘텐츠의 가로 너비), height(플러그인 콘텐츠의 세로 높이) 속성을 갖는다.

 

<object> 태그 - 내장 개게를 사용한 콘텐츠 표시

웹 페이지에서 일종의 내장 객체로, 플래시 파일(.swf) 및 동영상 파일(.mp4 등), html파일(.html), 이미지 파일(.jpg) 등의 콘텐츠를 화면에 표시한다. 웹 페이지에서 자바애플릿, PDF 리더, 플래시 플레이어와 같은 내장 플러그인을 쓸 떄도 사용된다.

 

<iframe> 태그 - 유튜브 동영상 연결

유튜브 동영상을 웹 페이지에 연결할 때 사용된다. 원래 독립영역을 표시하는 태그로 Ajax가 없던 초창기 웹에서 Ajax를 대신하는 역할도 했으나 요즘에는 주로 유튜브 동영상 연결하는데 사용된다. src(유튜브 소스 경로), width(재생화면 가로 너비), height(재생화면 세로 높이), allowfullscreen(전체화면) 속성을 갖는다.