html - HTML: Web ページ上の特定の座標にインジケーター/画像を表示します

Question

私は Web 開発の初心者です。ページ上の特定の座標に画像を表示しようとしています。たとえば、ページの背景が世界地図で、特定の都市のインジケーターを点滅させたい場合、これを行う最も簡単な方法は何でしょうか?

Answer 1

CSS スタイルを使用して、必要なものを実現できます: http://www.w3schools.com/css/default.asp

それを実現する方法を説明します: Position : absolute および top/bottom left/right プロパティを使用して、画像を特定の位置に配置します。

もう少し考えてみると... 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>