묻고답하기
html설명좀
2002.09.02 17:24
p><img src="images/menu.jpg" width="650" height="150" border="0" usemap="#ImageMap1"></p>
제가 아는 분 홈피가 저랑 구조가 비슷해서 소스보기를 보니깐
내용은 완전 딴판이군요 위의 것이 무슨의민지 설명좀
usemap="#imageMap1"이 부분이요
제가 아는 분 홈피가 저랑 구조가 비슷해서 소스보기를 보니깐
내용은 완전 딴판이군요 위의 것이 무슨의민지 설명좀
usemap="#imageMap1"이 부분이요
댓글 2
-
최현우
2002.09.02 19:36
-
최현우
2002.09.02 19:41
예제를 들자면...
<html>
<head><title>클릭 가능한 맵</title></head>
<body>
<img src="myphoto.jpg" usemap="#kf">
<map name="kf">
<area shape="rect" coords="30, 20, 130, 100" href="../index.html">
</map>
</body>
</html>
예제는 삼각형프레스 - html태그+활용사전 책에서 끄내왔습니다...;;
안녕히계세욧
------------------------------------------------------------------------------
<img src="이미지파일URL" usemap="#특정지점이름">
<map name="특정지점이름(위에것과똑같음)">
<area shape="클릭 가능한 맵(특정지점)의 형태" coords="좌표값" href="클릭했을때 이동하는URL">
</map>
------------------------------------------------------------------------------
이렇게 한묶음으로 쓰입니다.
shape 명령어에는 종류가 default(이미지전체), rect(사각형), circle(원), poly(다각형)
네종류가 있어요.
그리고 coords(좌표값)는 default로할경우 사용안합니다(이미지전체를 클릭하게되니까)
그리고 rect는 X1, Y1, X2, Y2(콤마로 구분하여 4개값을 지정) 이렇게
circle은 심X, 중심Y, 반지름 (콤마로 구분하여 3개값을 지정)
poly는 X1, Y1, ... , Xn, Yn (콤마로 구분하여 짝수 개의 값을 지정)
이렇게 한답니다...
에구... 알아듣기 힘드시나요?^^;;;;
직접 해보시면 쉽게 아실 수 있을거에요...
그럼 안녕히..^^