-<img />
:HTML 페이지 안에 이미지를 넣는 태그이다. 이미지는 기술적으로 HTML 페이지 안에 직접 넣을 수 없기 때문에 기본적으로 링크로 연결이 되며, img 태그는 그 이미지만큼의 공간을 생성한다. src 와 alt 의 두 개의 필수 속성을 가지며, HTML 에서는 닫는 태그가 없지만 XHTML 에서는 반드시 닫는 태그가 있어야 한다.
<img src="img_hyla.gif" alt="hyla image" />
alt : 이미지를 위한 대체텍스트를 정의
src : 이미지가 위치하는 곳의 url 을 지정
*img 태그의 필수 속성 중 alt는 이미지를 볼 수 없거나 이용할 수 없는 대상을 위해 대체텍스트로 사용되어진다. 주의할 점은 alt 속성은 mouse-over 텍스트를 보여주기 위한 것이 아니라는 것이며, 만약 이미지 또는 이미지맵의 mouse-over 텍스트를 보여주려면 반드시 title 속성을 사용해야한다.
-<map>
:클라이언트 쪽 이미지맵을 정의하는데 사용되는데 이미지맵이란 클릭(또는 링크) 가능한 영역을 가진 이미지를 말한다. map 태그에는 name 속성이 필수 속성으로 요구되며 이 속성은 img 태그의 usemap 속성과 연결되서어 이미지와 맵 사이의 관계를 생성한다. 대신 XHTML 문서에는 name 속성이 제거 되고 ID 속성을 대신 사용한다.
map 은 이미지맵 안에서 클릭 가능한 영역이 정의된 한 개 또는 여러 개의 area 요소를 포함한다.
<img src="planets.gif" alt="Planets" usemap="#planetmap" />
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun" />
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury" />
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus" />
</map>
name : 이미지맵의 이름을 정의
*만약 XHTML 문서로 DTD 를 선언했을 시 map 태그의 속성을 name 으로 지정할 경우 유효성 오류가 생기니 주의해서 사용해야 한다.
-<area>
:이미지맵 내에서 영역을 정의하는 태그이다. area 태그는 항상 map 태그 내에 위치하며 HTML에서는 닫는 태그가 없지만 XHTML에서는 닫는 태그를 사용해야한다.
<img src="planets.gif" alt="Planets" usemap="#planetmap" />
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun" />
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury" />
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus" />
</map>
alt : 각 이미지 영역의 대체 텍스트를 지정
coords : 각 이미지 영역의 좌표를 지정
href : 각 이미지 영역의 링크를 지정
nohref : 연관된 링크가 없을 때 nohref 를 사용
shape : 영역의 모양을 default, rect, circle, poly 값으로 지정
target : 링크되는 페이지의 위치를 지정
출처 : http://htmlcss.kr/html/images/