HTML에서 태그를 사용하여 이미지를 표시합니다. 다음은 속성입니다 -
| 속성 | 값 | 설명 |
|---|---|---|
| 정렬 | 상단 맨 아래 가운데 왼쪽 오른쪽 | 사용 중단 - 이미지의 정렬을 지정합니다. |
| Alt | 텍스트 | 대체 텍스트를 지정합니다. |
| 테두리 | 픽셀 | 사용되지 않음 - 이미지 테두리의 너비를 지정합니다. |
교차 원점  | 익명 사용 자격 증명 | 교차 출처 액세스를 허용하는 타사 사이트의 이미지를 캔버스에서 재사용할 수 있습니다. |
| 높이 | 픽셀 또는 % | 이미지의 높이를 지정합니다. |
| hspace | 픽셀 | 사용 중단 − 개체의 왼쪽과 오른쪽에 삽입할 여백의 양입니다. |
| Ismap | URL | 이미지를 서버 측 이미지 맵으로 정의합니다. |
| Longdesc | 텍스트 | 사용 중단 − 긴 설명의 URI/URL을 지정합니다. 이는 alt 속성으로 지정된 짧은 설명을 자세히 설명할 수 있습니다. |
| Src | URL | 이미지의 URL |
| 사용 맵 | #mapname | 이미지를 클라이언트 측 이미지 맵으로 정의하고 |
| Vspace | 픽셀 | 지원 중단 − 오브젝트의 상단과 하단에 삽입할 여백의 양. |
| 폭 | 픽셀 또는 % | 이미지의 너비를 픽셀 또는 %로 설정합니다. |
예시
다음 코드를 실행하여 웹 문서에 이미지를 추가할 수 있습니다. -
<!DOCTYPE html> <html> <head> <title>HTML img Tag</title> </head> <body> <img src = "https://www.tutorialspoint.com/html5/images/html5-mini-logo.jpg" alt = "Learn HTML5" height = "250" width = "270" /> </body> </html>