HTML 이미지 삽입하기 - IMG 태그

HTML 이미지 삽입하기

 

 

<IMG> 태그를 이용하여 이미지 삽입 방법에 대하여 알아 봅시다.

 

■ 기본 사용법

 <IMG SRC =  "이미지 파일 이름"  />

 <IMG SRC =  "이미지 파일 이름" > 텍스트 </IMG>
 ※ SRC : 필수 속성입니다. GIF 또는 JPG 등의 확장자 형식 이미지를 사용합니다.

 

■ 확장 사용법

<IMG SRC =  "이미지 파일 이름"  추가 속성  />

<IMG SRC =  "이미지 파일 이름"  추가 속성> 텍스트 </IMG>
▶ 추가속성

 1) WIDTH = "가로크기"

 2) HEIGHT = "세로크기"

 3) ALT =  "이미지 파일 설명"

    ※ 이미지에 마우스를 가져가면 파일에 대한 설명이 나타나도록 하는 속성입니다.

 4) ALIGN = "텍스트 위치설정"   → 값 : TOP / MIDDEL / BOTTOM / LEFT / RIGHT
 5) VSPACE ="이미지 상하 여백"

 6) HSPACE ="이미지 좌우 여백"

 

■ 예제

<IMG SRC =  "https://t1.daumcdn.net/cfile/tistory/996C444B5A2E8DAB0A" WIDTH = "300" HEIGHT="150" ALT = "이미지 삽입 예제 입니다." ALIGN="MIDDLE" VSPACE="0" HSPACE="120" > HTML태그</IMG>

 

HTML태그