[attribute] HTML - shape 속성 - 이미지맵 링크영역 모양 지정 (= shape속성 = 쉐이프속성) ※ 에어리어태그 모양

1. shape 예제 - 이미지맵 링크영역 모양 지정
2. shape 정의
3. shape 구문

shape 예제 - 이미지맵 링크영역 모양 지정

 

<img src="homzzang.gif" width="300" height="200" alt="홈짱" usemap="#hz">

<map id="hz" name="hz">

  <area shape="rect" coords="0,0,80,120" alt="HTML" href="html.php">

  <area shape="circle" coords="90,60,3" alt="CSS" href="css.php">

  <area shape="circle" coords="130,60,8" alt="JS" href="js.php">

</map>

 

shape 정의

 

이미지맵 area(링크영격) 모양 지정.

 

---

 

1. shape 속성 사용 가능 태그 종류

<area>

 

2. cf.

coords 속성 - area (모양/크기/위치) 결정 위해 shape 속성과 함께 사용.

 

3.

모든 브라우저 지원.

 

shape 구문

 

<area shape="default|rect|circle|poly">

 

---

[속성값]

 

• default - 전체영역
• rect - 사각형 모양
• circle - 원 모양
• poly - 다각형 모양