[PoiemaWeb]이미지,동영상,음악 등 멀티미디어를 지원하는 태그

1. 이미지

• 웹페이지에 이미지를 삽입하는 경우, img 태그를 사용한다.

attribute	Description
src	이미지 파일 경로
alt	이미지 파일이 없을 경우 표시되는 문장
width	이미지의 너비 (CSS에서 지정하는 것이 일반적)
height	이미지의 높이 (CSS에서 지정하는 것이 일반적)

2. 미디어

  2.1 오디오

• 웹브라우저 별로 지원하는 음악 파일 형식이 다르다. 파일 형식에 따라 재생되지 않는 브라우저가 존재한다는 뜻이다.
• source 태그를 사용하여 파일 형식의 차이 문제를 해결 할 수 있다. type 어트리뷰트는 생략 가능

atrribute	Description
src	음악 파일 경로
preload	재생 전에 음악 파일을 모두 불러올 것인지 지정
autoplay	음악 파일을 자동의 재생 개시할 것인지 지정
loop	음악을 반복할 것인지 지정
controls	음악 재생 도구를 표시할 것인지 지정. 재생 도구의 외관은 브라우저마다 차이가 있다.

2.2 비디오

• audio 태그와 마찬가지로 파일 형식의 차이 문제가 발생할 수 있다.
• source 태그를 사용하여 파일 형식의 차이 문제를 해결 할 수 있다. type 어트리뷰트는 생략 가능

attribute	Description
src	동영상 파일 경로
poster	동영상 준비 중에 표시될 이미지 파일 경로
preload	재생 전에 동영상 파일을 모두 불러올 것인지 지정
autoplay	동영상 파일을 자동의 재생 개시할 것인지 지정
loop	동영상을 반복할 것인지 지정
controls	동영상 재생 도구를 표시할 것인지 지정. 재생 도구의 외관은 브라우저마다 차이가 있다.
width	동영상의 너비를 지정
height	동영상의 높이를 지정