HTML #4 - Multimedia Tag

📍 Multimedia Tag

멀티미디어 태그에는 기본적으로 img, video, audio 태그가 있다.
태그들은 공통적으로 width와 height로 폭과 높이를 설정해줄 수 있다.

이미지 태그

<img src="이미지 파일 경로" alt="이미지를 표시할 수 없을 때 대신 표시하는 문장">

<img> 태그는 별도의 종료 태그를 사용하지 않는다.
src에는 이미지의 절대 경로나 상대 경로가 들어가게 된다.

💡 절대 경로 : 파일이 가진 고유한 경로
상대 경로 : ./ 이나 ../ 등, 현재 디렉토리의 위치를 기준으로 작성된 경로

alt에는 이미지를 표시할 수 없을 때 (≓ 액박) 대신 나타내는 문장을 적어준다.

동영상 태그

<video src="동영상 파일 경로" (controls autoplay loop …)></video>

<video>를 제어하는 다른 속성들을 간단하게 살펴보자. 이 속성들은 생략 가능하다.
controls는 동영상 / 오디오의 컨드롤 바를 눈에 보이도록 해주는 속성이다.
autoplay는 자동 재생, loop는 반복 재생을 뜻하는 속성이다.
외에도 다양한 속성이 존재한다.

오디오 태그

<audio src="오디오 파일 경로" (controls autoplay loop …)></audio>

<audio>도 <video>와 비슷하게 다양한 속성들이 존재한다.

pdf 로드하기

<object data="파일 경로" type="파일 타입"></object>

<object>는 data 속성이나 type 속성 중 하나는 반드시 명시해야 한다.
pdf 파일을 로드하기 위해서는 data 속성에 로드할 pdf 파일의 주소를 기입하거나, type 속성에 application/pdf를 기입하면 된다.