img태그는 이미지를 삽입하는 태그이다. 웹 표준을 위해 alt속성을 대도록 사용하자.
<img src="some.jpg" alt="some image for web" width="500" height="250">
| Attribute | Value | Description |
|---|---|---|
| alt | text | 이미지를 표시하지 못할 경우 대체할 문장 설정 |
| crossorigin | anonymous use-credentials |
이미지가 다른 도메인의 서버에 있을 경우 cross-origin 설정 |
| height | pixels | 이미지의 높이 설정 |
| ismap | ismap | 서버 사이드 이미지 맵 설정 |
| loading | eager lazy |
이미지 로딩 조건 설정 |
| longdesc | URL | 이미지의 상세 설명 주소 설정 |
| referrerpolicy | no-referrer no-referrer-when-downgrade origin origin-when-cross-origin unsafe-url |
브라우저 정보 설정 |
| sizes | sizes | 이미지 크기 설정 |
| src | URL | 이미지 주소 설정 |
| srcset | URL-list | 조건에 따른 이미지 리스트 설정 |
| usemap | #mapname | 클라이언트 사이드 이미지 맵 설정 |
| width | pixels | 이미지 넓이 설정 |
반응형
