728x90
반응형
SMALL
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!--이미지 맵은 하나의 이미지에 여러개의 주소를 넣기 위해 사용 됨.
클릭할 수 있는 영역을 지닌 이미지-->
<img src="이미지파일" alt="대체텍스트" usemap="#맵네임">
<map name="맵네임">
<area shape="링크로 사용할 영역의 형태" coords="링크로 사용할 영역 좌표" onclick="open()" alt="대체텍스트" target="링크를 표시할 대상">
<area shape="circle" coords="90,58,3" href="naver.com" alt="naver" target="">
</map>
</body>
</html>
728x90
반응형
LIST
'HTML, CSS' 카테고리의 다른 글
| html 테이블 연습 html table <tr> <td> practice (0) | 2022.05.04 |
|---|
