HTML 위의 예제를 통해 다양한 목적을 위한 많은 수의 속성이 더 존재합니다. 지원하는 이미지 형식HTML 표준은 지원해야 하는 이미지 형식을 명시하고 있지 않으므로, 각각의 사용자 에이전트는 서로 다른 형식을 지원합니다. 전체 목록은 웹 브라우저가 지원하는 이미지 형식 안내서 (en-US)를 참고하세요. 이미지를 가져올 수 없을 때이미지를 불러오거나 그릴 때 오류가 발생했고,
특성이 요소는 전역 특성을 포함합니다.
Deprecated attributes
Aligns the image with its surrounding context. Use the
top Equivalent to middle Equivalent to bottom The default, equivalent to left Equivalent to right Equivalent to border DeprecatedThe width of a border
around the image. Use the hspace DeprecatedThe number of pixels of
white space on the left and right of the image. Use the longdesc DeprecatedA link to a more detailed description of the image. Possible values
are a URL or an element
name DeprecatedA name for the element. Use the
vspace DeprecatedThe number of pixels of white space above and below the image. Use the
CSS 스타일링
요소 박스 내의 이미지 위치는 이미지는 고유 너비와 높이를 가질 수 있지만, 일부 유형의 이미지는 그렇지 않습니다. 예를 들어,
SVG 요소는 루트 예제보조 텍스트페이지에 이미지를 삽입하고, 접근성을 높이기 위해 대체 텍스트를 제공하는 간단한 예제입니다.
이미지 링크이 예제는 이전 코드에 더해 이미지를 링크로 바꾸는 법을 보입니다. 단순히
srcset 특성 사용하기이번 예제에서는
srcset과 sizes 특성 사용하기
참고: 직접 창 크기를 조절하면서 이미지의 변화를 관측하려면 별도 페이지를 방문하세요. 보안 및 개인정보 고려사항
접근성 고려사항적합한 대체 설명 작성
부적절
적절
일부 스크린 리더는
title 특성
기술 요약명세
브라우저 호환성BCD tables only load in the browser 같이 보기 |