[HTML] 삽입 태그_img, embed, object, audio, video

 

img: 이미지 삽입

이미지를 삽입하기 위해서는 <img> 태그를 사용합니다.

<img> 태그는 닫는 태그가 없습니다.

<img> 태그에는 다음과 같은 속성이 있습니다.

• src: 이미지 파일의 경로
• alt: 이미지 대체 텍스트
• width: 이미지의 가로 크기
• height: 이미지의 세로 크기

예시:

<img src="image.jpg" alt="My Image" width="500" height="300">

위 코드에서는 "image.jpg" 파일을 삽입하고, 이미지 대체 텍스트로 "My Image"를 사용합니다.

이미지의 가로 크기는 500, 세로 크기는 300으로 설정되어 있습니다.

참고로, 이미지의 크기를 설정하지 않으면 원래 이미지의 크기로 표시됩니다.

---

embed: 미디어 파일 삽입

<embed> 태그는 다른 미디어 파일(예: 오디오, 비디오)을 웹 페이지에 삽입할 때 사용하는 태그입니다.

<embed> 태그는 다음과 같은 속성이 있습니다.

• src: 미디어 파일의 경로
• width: 미디어 파일의 가로 크기
• height: 미디어 파일의 세로 크기

예시:

<embed src="audio.mp3" width="300" height="40" />

위 코드에서는 "audio.mp3" 파일을 삽입하고, 가로 크기는 300, 세로 크기는 40으로 설정되어 있습니다.

---

object: 미디어 파일 삽입

<object> 태그는 이미지, 오디오, 비디오, 플래시 애니메이션과 같은 다양한 미디어 파일을 HTML 문서에 삽입하는 데 사용됩니다. 이는 <embed> 태그와 비슷하지만 더 다양하며 미디어 유형을 더 많이 지원합니다. <object> 태그에는 다음과 같은 속성이 있습니다.

• data: 삽입할 미디어 파일의 URL
• type: 미디어 파일의 MIME 유형
• width: 삽입된 미디어의 가로 크기
• height: 삽입된 미디어의 세로 크기

예시:

<object data="example.swf" type="application/x-shockwave-flash" width="400" height="300"></object>

위 예제에서는 "example.swf" 플래시 애니메이션 파일을 HTML 문서에 삽입하고,

가로 크기는 400, 세로 크기는 300으로 설정되어 있습니다.

HTML5에서는 <audio>와 <video> 태그를 사용하여 오디오 및 비디오 파일을 삽입할 수 있습니다.

 

---

audio: 오디오 삽입

<audio> 태그는 오디오 파일을 웹 페이지에 삽입할 때 사용하는 태그입니다.

<audio> 태그에서는 다음과 같은 속성이 사용됩니다.

• src: 오디오 파일 경로
• controls: 재생, 일시 중지, 음량 조절 등 오디오 컨트롤러를 표시합니다.
• autoplay: 오디오가 자동으로 재생되도록 합니다.
• loop: 오디오가 반복 재생되도록 합니다.

<audio src="audio.mp3" controls autoplay loop></audio>

위 코드에서는 "audio.mp3" 오디오 파일을 삽입하고, 오디오 컨트롤러를 표시하며,

자동으로 재생되도록 하고, 반복 재생되도록 설정합니다.

 

---

video: 비디오 삽입

<video> 태그는 비디오 파일을 웹 페이지에 삽입할 때 사용하는 태그입니다.

<video> 태그에서는 다음과 같은 속성이 사용됩니다.

• src: 비디오 파일 경로
• controls: 재생, 일시 중지, 음량 조절 등 비디오 컨트롤러를 표시합니다.
• autoplay: 비디오가 자동으로 재생되도록 합니다.
• loop: 비디오가 반복 재생되도록 합니다.
• width: 비디오의 가로 크기
• height: 비디오의 세로 크기

<video src="video.mp4" controls autoplay loop width="640" height="360"></video>

위 코드에서는 "video.mp4" 비디오 파일을 삽입하고, 비디오 컨트롤러를 표시하며,

자동으로 재생되도록 하고, 반복 재생되도록 설정합니다.

또한 비디오의 가로 크기는 640, 세로 크기는 360으로 설정합니다.