1.미디어 tag란?
웹페이지에 미디어를 넣는 tag로, 이미지, 비디오 등를 넣을 때 사용한다
2. 이미지 tag란?
웹 페이지에 이미지를 삽입할 때 사용하는 tag로, 아래와 같이 표기한다.
<img src="이미지 경로"/>
이미지 태그의 경우, 아래와 같은 종류가 있다.
-> src, alt, width / height
src = 파일의 위치를 지정하는 태그. (예: img src="test1.png")
alt = 파일이 없을 때 표시되는 text tag.
width / height = 크기
3. 이미지 맵
사진 등의 이미지를 구역 별로 나누어 링크를 걸어주는 태그, <map> 태그를 사용한다.
아래와 같이 사용한다.
<img src="이미지 파일 경로" usemap="#map">
<map name="map">
<area shape="모양" coords="시작 위치, 끝 위치" href="링크 경로" target="위치">
<area shape="모양" coords="시작 위치, 끝 위치" href="링크 경로" target="위치">
</map>
4. 오디오 tag
음악 등을 사이트에 삽입 시 사용하며. 지원하는 파일의 타입은 브라우저 별로 다르다.
사용법은 아래와 같다.
<audio src="오디오 파일 경로"></audio>test
*옵션:control: 컨트롤바 추가
preload(none, metadata, auto): 스트리밍 전 미리 로딩 여부
-> none = 미리 로딩하지 않음
-> auto = none과 반대로, 미디어를 미리 로딩함.
-> mute = 소리 없이 스트리밍
-> autoplay = 미디어 자동 스트리밍 (모바일, 크롬, 크롬 기반에서는 작동x)
-> loop = 반복 스트리밍
5. 영상 tag
비디오를 사이트에 추가할 때 사용하며, 사용법은 아래와 같다.
<video src="비디오 파일 경로"></video>
*옵션: 오디오 tag에서 2개 추가
-> poster = 대표 이미지
-> width/height = 비디오 사이즈