[이미지] 태그 : img

이미지를 넣을 때 사용하는 태그 <img src="image.png" />


<img /> 태그는 문서에 이미지를 삽입할 때 사용한다. <br />이나 <hr />처럼 닫는 태그 없이 단독으로 사용된다. <img> 태그는 반드시 src="url" 속성과 함께 사용해야 하며 이미지를 표현할 수 없을 때 나타나는 대체 설명인 alt 속성을 함께 사용하는 것이 좋다.  alt는 이미지가 없거나 이미지를 표현할 수 없는 뷰어(브라우저)에서 이미지 대신 보여지기 때문에 이미지에 대한 간단한 설명을 넣는 것이 좋다.


◈ <img ... /> 태그 문법

<img alt="Sample Image" src="http://idpf.org/sites/default/files/epub-logo.gif" />

<p>img 태그는 반드시 src 속성과 함께 사용해야 하며 alt 속성도 적용해야 한다.</p> 


img_style_sample.html


□ 사용 가능한 속성

속성

설명

src

url(필수)

반드시 저정되야 하는 속성으로, 삽입할 이미지의 url을 넣는다.

alt

이미지 설명

이미지를 표시할 수 없을 때 이미지를 대신해서 표시되는 설명

hight

px, %

이미지의 세로 길이

width

px, %

이미지의 가로 길이

border

px

이미지 테두리 두께


설정

트랙백

댓글


티스토리 툴바