본문 바로가기

Webstoryboy

Category

Explanation

HTML

[HTML] <img>

<img>

<img> 태그는 웹 문서에 이미지를 정의합니다.


<img>

<img> 태그는 웹 문서에 이미지를 정의합니다.

특징 설명
요소 인라인 요소(Inline Element)
닫는 태그 Self-Closing(<img />)
버전 HTML4

정의(Definition)

  • <img> 태그는 src 속성과 alt 속성은 필수적으로 설정합니다.
  • <img> 태그에 title 속성을 설정하면 이미지에 대한 추가적인 정보를 제공하고, 브라우저에서는 툴팁으로 표시됩니다.
  • <img> 태그는 인라인 구조이며, border, border-radius, padding, margin, width, height 속성 값을 설정할 수 있습니다.

속성(Property)

속성 값(예) 설명 버전
align left
right
top
middle
bottom
이미지를 왼쪽으로 정렬합니다.
이미지를 오른쪽으로 정렬합니다.
이미지를 위쪽으로 정렬합니다.
이미지를 가운데로 정렬합니다.
이미지를 아래쪽으로 정렬합니다.
html5
alt alt = "텍스트" 이미지의 대체 문자를 설정합니다. -
border border="3" 이미지의 테두리 값을 설정합니다. html5
crossorigin anonymous
use-credentials
타사 사이트의 이미지 허용여부를 설정합니다. html5
height height="100" 이미지의 높이 값을 설정합니다. -
hspace hspace="100" 이미지의 왼쪽과 오른쪽 공백을 설정합니다. html5
ismap ismap 이미지를 서버 축 이미지로 설정합니다. -
longdesc longdesc = "URL" 이미지의 자세한 설명을 포함하는 URL을 설정합니다. -
sizes sizes = "100" 이미지의 크기를 설정합니다. -
src src = "이미지 경로" 이미지의 경로를 설정합니다. -
srcset srcset = "이미지 경로" 다른 상황에서 사용할 이미지의 URL을 설정합니다 -
usemap usemap = "#image" 이미지 맵의 아이디를 설정합니다. -
vspace vspace = "10" 이미지 위쪽, 아래쪽 공백을 설정합니다. html5
width width = "10" 이미지의 세로값을 설정합니다. -

호환성(Compatibility)

크롬 아이콘 파이어폭스 아이콘 사파리 아이콘 오페라 아이콘 네이버 웨일 익스플로러6 아이콘6 익스플로러7 아이콘7 익스플로러8 아이콘8 익스플로러9 아이콘9 익스플로러10 아이콘10 익스플로러11 아이콘11 엣지 아이콘 안드로이드 아이콘 ios 아이콘
<img> 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능
align 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능
alt 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능
border 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능
crossorigin 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능
height 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능
hspace 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능
ismap 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능
longdesc 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능
sizes 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능
src 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능
srcset 사용가능 사용가능 사용가능 사용가능 사용가능 사용안됨 사용안됨 사용안됨 사용안됨 사용안됨 사용안됨 사용가능 사용가능 사용가능
usemap 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능
vspace 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능
width 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능

더보기

인스타그램 보기 바로가기

포트폴리오 스터디 바로가기

유튜브 영상보기 바로가기