html 특수 인라인태그 <IMG>

Posted by 승호/
2008.09.28 12:59 html 태그 배우기

<IMG>

IMG 요소는 문서에 이미지를 삽입할 때 사용합니다.

구문: <IMG>

닫는 태그: 없음

속성

볼드체로 표시된 것은 필수 속성, 회색으로 표시된 것은 HTML 4.01에서 권장하지 않는(deprecated) 속성입니다.

속성 내용
alt Text 이미지를 표시할 수 없는 브라우저에서 보여줄 이미지 설명을 지정합니다. 이미지가 표시되는 브라우저에서는 툴팁으로 표시됩니다.
src URI 이미지의 URI를 지정합니다.
class ClassName CSS의 class 선택자를 지정합니다.
height Length 이미지의 높이를 지정합니다.
id ElementID CSS의 ID 선택자를 지정합니다.
ismap ismap 서버사이드 이미지 맵을 사용합니다.
lang LanguageCode 내용에서 사용할 언어를 지정합니다.
longdesc Text 자세한 설명을 담은 문서의 URI를 지정합니다.
style StyleDesc CSS 스타일을 지정합니다.
usemap URI 이미지 맵의 URI를 지정합니다. map으로 명명된 MAP 요소가 같은 문서에 포함되어 있어야 합니다.
width Length 이미지의 너비를 지정합니다.
align left
right
top
bottom
middle
baseline
texttop
absmiddle
absbottom
정렬 방법을 지정합니다. 기본값은 left입니다.
border Length 테두리의 두께를 지정합니다.
hspace Pixels 세로 여백을 지정합니다.
vspace Pixels 가로 여백을 지정합니다.

예제

<P>네이버</P>
 <IMG src="http://sstatic.naver.com/search/images11/logo_naver.gif"
alt="네이버" width="143" height="40">
IMG 요소를 이용하여 그림을 삽입한 예제입니다.

네이버

네이버

지원 브라우저/HTML 버전

이 태그를 지원하는 브라우저의 최소 버전은 아래와 같습니다.

IE all, NN all, HTML all

참고

  • 웹 브라우저는 보통 GIF나 JPEG 형식의 이미지를 지원하며, PNG 형식을 지원하는 브라우저도 점차 늘어나고 있습니다. 웹 브라우저가 지원하지 않는 형식의 이미지를 삽입하려면 EMBED 요소나 OBJECT 요소를 사용해야 합니다.
  • widthheight 속성값을 그림 크기보다 작게 지정한 경우에는 브라우저에 따라 alt 텍스트가 잘려 보일 수도 있습니다.
신고
Tags
이 댓글을 비밀 댓글로