미디어 태그 종류

각 사진, 영상, 음성, 문서 파일 등을 html 문서에 넣고 싶을 때 사용하는 태그들입니다.

img : HTML 문서에서 이미지(image)를 삽입할 때 사용합니다.

        단 <img>태그로 지정된 이미지가 HTML 문서에 직접 삽입되는 것이 아니라,
        HTML 문서에 이미지가 링크되는 형태이며, 닫는 태그 없이 단독으로 사용합니다.
        JPEG, GIF, PNG, SVG 이미지 형식을 지원합니다.
        <img>태그에는 src 속성을 반드시 명시해야 하며, alt 속성 또한 사용을 권장합니다.

        alt : 이미지를 가져오는데 실패했을 경우 보여줄 대체 텍스트를 명시합니다.
        src : 이미지 소스의 URL을 명시합니다.
        width, height : 이미지의 너비와 높이를 명시합니다.

audio : HTML 문서에서 음악 등의 사운드 파일을 삽입할 때 사용하며,
           MP3, WAV, OGG 오디오 형식을 지원합니다.

           autoplay : 오디오가 실행될 준비가 끝나는 대로 자동으로 실행됨을 명시합니다.
           controls : 플레이 버튼과 같은 오디오 파일의 제어기가 표시됨을 명시합니다.
           loop : 오디오의 재생이 끝나면 자동으로 다시 재생됨을 명시합니다.
           muted : 오디오의 음성 출력이 음소거됨을 명시합니다.
           src : 오디오 파일의 위치(URL)를 명시합니다.

video : HTML 문서에서 동영상 콘텐츠를 삽입할 때 사용합니다.
           MP4, WebM, OGG 비디오 형식을 지원합니다.

           autoplay : 비디오가 실행될 준비가 끝나는 대로 자동으로 실행됨을 명시합니다.
           controls : 플레이 버튼과 같은 비디오 파일의 제어기가 표시됨을 명시합니다.
           loop : 비디오의 재생이 끝나면 자동으로 다시 재생됨을 명시합니다.
           width, height : 비디오의 너비와 높이를 명시합니다.
           muted : 비디오의 음성 출력이 음소거됨을 명시합니다.
           src : 비디오 파일의 위치(URL)를 명시합니다.

iframe : HTML 문서 내에 다른 문서를 삽입할 때 사용합니다.

            frameborder : 프레임(생성한 문서영역) 주의에 테두리를 보여줄지 여부를 명시합니다. (0 or 1)
            src : 프레임 영역에 보일 문서의 URL을 명시합니다.

<!-- 아래의 코드를 통해 만든 미디어 요소들 -->

과로사
<img src="img/gwarosa.png" alt="과로사">








<audio src="img/eeeing.mp3" controls></audio>






<video src="img/assala.mp4" controls poster="img/gwarosa.png"></video>