Skip to main content

HTML画像マップを作成するにはどうすればよいですか?

hypertextマークアップ言語(HTML)の画像にリンクが追加されると、そのリンクが画像全体に追加されます。これは、プログラマーがいくつかの領域またはボタンを備えた単一の画像を作成し、各エリアが異なるリンクに使用される場合に問題になる可能性があります。HTML画像マップにより、プログラマーはリンクが進む特定の領域を指定し、いくつかのリンクを1つの画像に埋め込むことができます。これは、リンクの形状を指定し、HTMLにリンクに使用する座標を伝えることによって行われます。画像のピクセルの数を知ることは、画像マップを作成するための最初の重要なステップです。たとえば、高さ400ピクセルと幅250ピクセルの長方形の画像が使用されています。次に、プログラマーは、HTML画像マップの座標の形状を正確に測定する方法を正しく測定する方法を知る必要があります。この場合の右下隅は250,400です。測定は、最初に幅で行われ、次に高さで行われます。簡単に考える方法は、最初の測定は、左端から右側までどれだけ離れているのかをHTMLに伝えることであり、2番目は、どれだけのピクセルを下るかを伝えることです。プログラマーがマップ上のポイントを左端から10ピクセル、50ピクセルダウンしたい場合、座標は10,50になります。とポリゴン。rectは長方形の略で、プログラマーは最初に左上隅の座標を入力し、次に右下に入力する必要があります。円は、円が始まる場所と円の半径を座標に入力することによって指定されます。ポリゴンは、上から右に5つの座標すべてを入力することで作成されます。10,50,20,60>15,60,13,65,8,55>それ。画像がHTMLを使用してWebサイトに配置されると、プログラマーは次のように書く必要があります。USEMAP'テスト。これにより、HTML画像マップを使用するものが画像に表示されます。