HTML 태그 - area

- 음성
- 목록

HTML 태그 - area

<area>태그는 image map으로 알고 있는 이미지영역내 하이퍼링크를 선택할 때 사용합니다. <map>요소 내에서만 사용됩니다.

속성
coords : 선택영역을 지정합니다.

href : 링크 url을 지정합니다.

shape : 선택형태를 지정합니다.

샘플

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="author" content="코리아뉴스" />
<title> html공부 </title>
<link rel="stylesheet" type="text/css" href="default.css" / >
<style type="text/css">
body {
color:red;
}
</style>
</head>
<body>
  <section>
   <h1>area태그</h1>
   <p>
   <img src="sample.jpg" usemap="#sample">
   <map name="sample">
   <area shape="circle" coords="200,250,25" href="sample.html" />
   </map>
   </p>
  </section>
  <div id="related">
   <p>영역 </p>
  <div>
  <footer>
     <address> 전화 : 031-574-3659, E-mail : master@koreanews.com </address>
                     Copyright ⓒ 2013 Koreanews co., All Rights Reserved.
  </footer>
</body>