웹페이지에서 이미지를 사용하려면 태그를 사용하세요. 태그를 사용하면 이미지 소스, 대체 텍스트, 너비, 높이 등을 추가할 수 있습니다. 대체 텍스트 속성은 이미지 로드에 실패할 때 표시되는 텍스트입니다.
다음은 속성입니다 -
속성 | 설명 |
---|---|
Alt | 이미지의 대체 텍스트 |
높이 | 이미지 높이 |
이스맵 | 서버 측 이미지 맵으로서의 이미지 |
Longdesc | 이미지에 대한 자세한 설명에 대한 URL |
문자 | 이미지의 URL |
사용 맵 | 클라이언트 측 이미지 맵으로서의 이미지 |
폭 | 이미지 너비 |
태그에는 끝 태그가 없습니다.
예시
다음 코드를 실행하여 웹페이지의 이미지를 HTML로 사용할 수 있습니다.
<!DOCTYPE html> <html> <head> <title>HTML img tag</title> </head> <body> <h1>Tutorialspoint</h1> <h2>Simply Easy Learning</h2> <img src="/green/images/logo.png" alt="Tutorialspoint" width="260" height="100"> </body> </html>