<img src="test.gif">

<img src="파일명">

이미지를 표시하기 위한 기본 태그이다.
src는 source의 의미로 입력한 파일명에 해당하는 이미지를 표시한다.

---

---

<img src="test1.gif" alt="아컴"><br>

<img src="test1.gif" alt="아줌마닷컴" width=100 height=100>

<img src="파일명" alt="text">
<img src="파일명" width="x" height="y">
x=가로폭의 픽셀수나 %
y=세로폭의 픽셀수나 %

이미지를 지원하지 않는 브라우저를 사용하는 사람을 위해 그림대신 표시되는 텍스트를 지정하는 것이 alt옵션이다.
이미지가 크다면 읽어오는 동안에 그림대신 글이 먼저 표시된다. 이미지의 크기를 미리 지정해 주면 브라우져가 이미지 크기를 계산하는 시간을 줄일수 있어 속도가 약간 빨라진다.

---

---

<img src="test.gif" usemap="#map" border=0>
<MAP NAME="map">
<AREA SHAPE=RECT COORDS="2,2,44,42" HREF="1.htm" ALT="1번문서로">
<AREA SHAPE=RECT COORDS="47,2,85,42" HREF="2.htm" ALT="2번문서로">
<AREA SHAPE=RECT COORDS="2,46,45,93" HREF="3.htm" ALT="3번문서로">
<AREA SHAPE=RECT COORDS="49,47,85,95" HREF="4.htm" ALT="4번문서로">
</MAP>

<img src="파일명" usemap="#맵이름">
<map name>="맵이름"> ~ </map>
<area option>
option shape="rect", "circle", "polygon", "default"
cords="좌표,좌표, ......" (픽셀수)
href="링크하는 url"
nohref
alt="대신 표시되는 텍스트"

서버쪽 이미지맵과 달리 전체 처리를 브라우저가 실행해 서버쪽에서 처리할 필요가 없는 이미지맵 기능이 클라이언트(사용자측) 이미지맵이다. <img src="이미지 파일명" usemap="#맵이름"> 은 클라이언트 이미지맵 기능을 사용하는 것과 그때 어떤 맵을 사용하는지를 지정한다. <map name="맵이름"> ~ </map>은 어떤 이미지가 클라이언트 맵인지를 정의하는 것과 함께 그 맵에 이름을 붙인다. <img> 태그로부터 맵을 참조할 때 이 이름을 지정하는 것이다. shape는 맵으로 정의된 영역의 모양을 지정한다. "rect"(직사각형) "circle"(원) "polygon"(다각형) "default"(어떤 영역에도 들어 있지 않은 장소)의 옵션 중 선택해 지정할수 있다. shape를 지정하지 않으면 "rect"를 지정한 것으로 풀이한다. cords는 영역의 좌표로 픽셀로 지정한다. href는 링크하는 url을 적는다. 상대경로를 지정한 경우, 맵을 정의 하고 있는 문서의 url이 기준이 된다. 그리고 이미지를 지원하지 않는 브라우저를 위해서 alt로 텍스트를 표현한다.

---