HTML <img> Tag

❮ 이전 다음 ❯

예

어떻게 이미지를 삽입합니다 :

»그것을 자신을 시도

자세한 내용은 아래 예 "자신을보십시오."

정의 및 사용

<img> 태그는 HTML 페이지에 이미지를 정의한다.

<img> : 태그는 두 개의 필수 속성이 src 와 alt .

참고 : 이미지가 기술적으로 HTML 페이지에 삽입되지 않은 이미지가 HTML 페이지에 링크되어 있습니다.<img> 태그는 참조 된 이미지에 대한 유지 공간을 만듭니다.

팁 : 다른 문서로, 단순히 중첩 이미지를 연결하려면 <img> 내부에 태그를 <a> 태그입니다.

브라우저 지원

요소
<img>	예	예	예	예	예

HTML 4.01과 HTML5의 차이점

following 속성 : align, border, hspace 및 vspace HTML5에서 지원되지 않습니다.

HTML 및 XHTML의 차이점

HTML의 <img> 태그는 끝 태그가 없습니다.

XHTML에서 <img> 태그는 제대로 닫아야합니다.

속성

= HTML5의 새로운 기능.

속성	값	기술
align	top bottom middle left right	HTML5에서 지원되지 않습니다. 주변 요소에 따른 화상의 정렬을 지정
alt	text	이미지에 대한 대체 텍스트를 지정합니다
border	pixels	HTML5에서 지원되지 않습니다. 이미지 주위에 테두리의 폭을 지정합니다
crossorigin	anonymous use-credentials	크로스 기원에 액세스 할 수 있도록 타사 사이트의 이미지는 캔버스와 함께 사용하도록 허용
height	pixels	화상의 높이를 지정
hspace	pixels	HTML5에서 지원되지 않습니다. 화상의 좌우에 여백을 지정
ismap	ismap	서버 측 이미지 맵과 같은 이미지를 지정
longdesc	URL	화상의 상세한 설명에 대한 URL을 지정
src	URL	화상의 URL을 지정
usemap	#mapname	클라이언트 측 이미지 맵과 같은 이미지를 지정
vspace	pixels	HTML5에서 지원되지 않습니다. 이미지의 상단과 하단에 공백을 지정합니다
width	pixels	이미지의 폭을 지정

글로벌 속성

<img> 태그도 지원 글로벌은 HTML의 속성 .

이벤트 속성

<img> 태그도 지원 이벤트는 HTML의 속성 .

그것을 자신을 시도 - 예를

다른 위치에서 이미지를 삽입
어떻게 다른 폴더 또는 다른 웹 사이트에서 이미지를 삽입합니다.

화상의 하이퍼 링크를 만들기
어떻게 이미지에 하이퍼 링크를 추가 할 수 있습니다.

이미지 맵 만들기
어떻게 클릭 가능한 영역으로 이미지 맵을 만들 수 있습니다. 각 지역은 하이퍼 링크입니다.

기본 CSS 설정

대부분의 브라우저는 표시됩니다 <img> 다음과 같은 기본 값으로 요소를 :

예

img {
display: inline-block;
}