HTML : 웹 페이지의 특정 좌표에 표시기/이미지를 표시합니다.

Question

저는 웹 개발을 처음 접했습니다. 페이지의 특정 좌표에 이미지를 표시하려고합니다. 예를 들어, 페이지 배경이 세계지도이고 특정 도시가 표시기를 깜빡 거리게하려면이 문제를 해결하는 가장 쉬운 방법은 무엇입니까?

Answer 1

당신은 당신이 원하는 것을 달성하기 위해 CSS 스타일을 사용할 수 있습니다 http://www.w3schools.com/css/default.asp이

나는 그것을 달성하기 위해 단지 방법을 설명 할 것이다 : 특정 위치에 이미지를 배치하는 절대 및 위/아래 왼쪽/오른쪽 속성 : Position를 사용 .

조금 더 생각하면 ... HTML <map> Tag도 있습니다. 청구서에 적합한 지 확인하십시오. :)

샘플 코드 :

<img src="WorldMap.jpeg" width="800" height="600" alt="Earth Planet" 
    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>