<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 |
이미지를 왼쪽으로 정렬합니다. 이미지를 오른쪽으로 정렬합니다. 이미지를 위쪽으로 정렬합니다. 이미지를 가운데로 정렬합니다. 이미지를 아래쪽으로 정렬합니다. |
 |
| alt | alt = "텍스트" | 이미지의 대체 문자를 설정합니다. | - |
| border | border="3" | 이미지의 테두리 값을 설정합니다. | |
| crossorigin | anonymous use-credentials |
타사 사이트의 이미지 허용여부를 설정합니다. |  |
| height | height="100" | 이미지의 높이 값을 설정합니다. | - |
| hspace | hspace="100" | 이미지의 왼쪽과 오른쪽 공백을 설정합니다. | |
| ismap | ismap | 이미지를 서버 축 이미지로 설정합니다. | - |
| longdesc | longdesc = "URL" | 이미지의 자세한 설명을 포함하는 URL을 설정합니다. | - |
| sizes | sizes = "100" | 이미지의 크기를 설정합니다. | - |
| src | src = "이미지 경로" | 이미지의 경로를 설정합니다. | - |
| srcset | srcset = "이미지 경로" | 다른 상황에서 사용할 이미지의 URL을 설정합니다 | - |
| usemap | usemap = "#image" | 이미지 맵의 아이디를 설정합니다. | - |
| vspace | vspace = "10" | 이미지 위쪽, 아래쪽 공백을 설정합니다. | |
| width | width = "10" | 이미지의 세로값을 설정합니다. | - |
호환성(Compatibility)
 |
 |
 |
 |
 |
 6 |
 7 |
8 |
 9 |
 10 |
 11 |
 |
 |
 |
|
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| <img> | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 |
| align | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 |
| alt | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 |
| border | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 |
| crossorigin | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 |
| height | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 |
| hspace | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 |
| ismap | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 |
| longdesc | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 |
| sizes | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 |
| src | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 |
| srcset | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용가능 | 사용가능 | 사용가능 |
| usemap | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 |
| vspace | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 |
| width | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 |
