[HTML] 11. HTML 이미지

11. HTML 이미지

- HTML은 문서 속에서 이미지를 나타낼 수 있다.


11.1 이미지 태그와 Src 속성

- HTML에서, 이미지는 <img> 태그로 정의되어진다.

- <img> 태그는 단지 속성만 포함한다는 것을 의미하고, 닫기 태그가 없는 엠티 태그이다.

- 페이지상에 이미지를 나타낼 땐, src 속성을 이용한다. src는 "source"의 약자이다. src 속성의 값은 페이지상에 나타내길 바라는 이미지의 URL이다.

- 이미지 사용법은 :



- URL은 이미지가 저장된 위치를 가리킨다. "http://linuxerhan.blogspot.com/" 상의 "images" 디렉토리내에 "boat.gif" 이름의 이미지 URL은 : http://linuxerhan.blogspot.com/images/boat.gif 이다.

- 브라우저는 문서내에서 이미지 태그를 발생시키는 곳에 놓는다. 만약, twho paragraphs 사이에 이미지를 두길 바란다면, 브라우저는 첫번째 paragraph를 보여주고, 이미지를, 그리고, 두번째 paragraph를 이어서 보여줄 것이다.


11.2 Alt 속성

- alt 속성은 이미지에서 "alternate text"를 말한다. alt 속성 값은 다음과 처음 정의된다:



- "alt" 속성은 그 페이지를 방문한 독자의 브라우저가 이미지를 로드하지 못했을 때 말해준다. 그 브라우저는 이미지 대신에 alternate text를 보여주게 된다. 페이지상의 각각의 이미지에 "alt"속성을 포함하는 것은 매우 좋은 습관이고, 텍스트 브라우저를 사용하는 사람들을 위해서도 유용한 것이다.


11.3 Useful Tips

- 만약 11개의 파일에 10개씩의 이미지가 포함된 HTML 파일은 정상적으로 나타난다.

- 이미지를 로딩하는데 시간이 걸리고, 그래서 이미지를 사용할 때는 주의깊게 사용해야 한다.


11.4 Image Tags