[HTML] 멀티미디어

<img src="wikipedia.png" alt="위키 백과 사진" width="300" height="400">

<img>는 이미지를 불러오는 역할을 한다.

• src="주소" 이미지의 위치를 적는다.
• alt="설명" 이미지에 대한 설명을 적는다. 이미지가 오류가 나서 나타나지 않을 때 이 설명이 나온다.
• width="너비" height="높이" 크기를 지정한다. 단위를 적지 않으면 px로 처리한다.

<video src="주소" width="300" height="400" autoplay muted controls></video>

<video>는 동영상을 불러오는 역할을 한다.

• src="주소" 동영상의 위치를 적는다.
• width="너비" height="높이" 크기를 지정한다. 단위를 적지 않으면 px로 처리한다.
• autoplay 페이지를 열 때 자동으로 동영상을 자동으로 재생한다.
• muted 동영상의 기본값을 음소거로 한다. (크롬의 경우, muted를 하지 않으면 autoplay가 작동하지 않음)
• controls 동영상을 멈추고 음량을 조절할 수 있는 컨트롤창을 만든다.

<audio src="주소" autoplay muted controls></audio>

<audio>는 음성파일을 불러오는 역할을 한다.

• src="주소" 음성파일의 위치를 적는다.
• autoplay 페이지를 열 때 자동으로 음성파일을 자동으로 재생한다.
• muted 음성파일의 기본값을 음소거로 한다. (크롬의 경우, muted를 하지 않으면 autoplay가 작동하지 않음)
• controls 음성파일을 멈추고 음량을 조절할 수 있는 컨트롤창을 만든다. (필수 요소)

<iframe src="주소" width="400" height="300"></iframe>

<iframe>은 다른 html 파일을 현재 html 파일에서 실행할 수 있게 한다.

• src="주소" html의 위치를 적는다.
• width="너비" height="높이" 크기를 지정한다. 단위를 적지 않으면 px로 처리한다.