HTMLイメージマップを作成するにはどうすればよいですか?

ハイパーテキストマークアップ言語(HTML)の画像にリンクが追加されると、そのリンクが画像全体に追加されます。これは、プログラマーがいくつかの領域またはボタンを備えた単一の画像を作成し、各エリアが異なるリンクに使用される場合に問題になる可能性があります。 HTML画像マップにより、プログラマーはリンクが進む特定の領域を指定し、いくつかのリンクを1つの画像に埋め込むことができます。これは、リンクの形状を指定し、リンクに使用する座標をHTMLに伝えることによって行われます。

インターネットに使用される画像はピクセルで測定されます。画像のピクセルの数を知ることは、画像マップを作成するための最初の重要なステップです。たとえば、高さ400ピクセルと幅250ピクセルの長方形の画像が使用されています。次に、プログラマーは、HTML画像マップの座標の形状を正確に測定する方法を正しく測定する方法を知る必要があります。

tHTMLイメージマップを使用すると、左上隅は0,0と呼ばれます。この場合の右下隅は250,400です。測定は、最初に幅で行われ、次に高さで行われます。簡単に考える方法は、最初の測定は、左端から右側までどれだけ離れているのかをHTMLに伝えることであり、2番目は、どれだけのピクセルを下るかを伝えることです。プログラマーがマップ上のポイントを左端から10ピクセル、50ピクセルダウンしたい場合、座標は10,50になります。

プログラマーがHTMLイメージマップに呼び出すことができる3つの異なる形状があります。 「rect」は長方形の略で、プログラマーは最初に左上隅の座標を入力し、次に右下に入力する必要があります。円は、円が始まる場所と円の半径を座標に入力することによって指定されます。ポリゴンは、5つの座標すべてを上から右に入力することにより作成されます。

HTML画像マップコーディングは次のようになります:
<マップ名= "テスト ">
<領域href = "url.html" shape = rect coords = "10,50,20,60">
<領域href = "url.html" shape = circle coords = "10,50,4">
<領域href = "url.html" shape = polygon coords = "10,50,55,15,60,13,65,8,55">

各HTML画像マップには名前が必要であり、「url.html」セクションは、画像マップのセクションがクリックするとユーザーが導かれるリンクです。画像がHTMLを使用してWebサイトに配置されると、プログラマーは次のように書く必要があります。USEMAP= "TEST"。これにより、HTML画像マップを使用するものが画像に表示されます。

他の言語

この記事は参考になりましたか? フィードバックをお寄せいただきありがとうございます フィードバックをお寄せいただきありがとうございます

どのように我々は助けることができます? どのように我々は助けることができます?