HTML ページに画像を挿入し、マップ インデックスを追加する方法の例

<imgsrc="../../../Material Library/001.jpg"height="300"width="200"border="10"alt="Anta Genuine"title="Anta Genuine"hspace="20"vspace="20"/>
<p>
<!--テキストと画像が混在-->
<imgsrc="../../../Material Library/001.jpg"height="300"width="200"align="left"/>
11. 良い隣の席の人のおかげで、試験で良い成績を取ることができました。 </p>
<p>12. 学校では、生活するためにお金を使っていましたが、今はお金を得るために命を使っています。 </p>
<p>13. 持っているものを売って、持っていないものと交換しようとする人がいます。 </p>
<p>14. 自分自身を愛するためには、まず利己的になる必要があります。利己的になることによってのみ、偉大な愛を持つことができます。 </p>
<p>15. ギネス世界記録：世界最大のコーヒーテーブルは、面積960万平方キロメートルをカバーし、13億個のカップを置くことができます。 </p>
<p>16. 別れるのはつまらない。勇気があるなら離婚しましょう！ </p>
<p>17. 人民元の道を歩み、人民の行く手を阻む！ </p>
<p>18. 継母の選択、三鹿粉乳。 </p>
<p>19. ある日、シャオ・スーが現れたので、シャオ・サンは泣きました！ </p>
<p>20. 手を繋ぐ価値すらないのだから、別れなさい！ </p>
<p>21. 私の前でポーズをとらないでください。カメラを投げたくなると思います。 </p>
<p>22. 私たちはただの通行人であり、このカラフルな世界で一緒にゲームをしています。勝っても負けても、最後にはみんな一緒にゲームオーバーになります！ </p>
<p>23. 私は人生で二つの間違いを犯しました。一つは生まれたこと、もう一つは生き続けたことです。 </p>
<p>24. もし私が死んだら、最初に言う言葉は「もう幽霊を怖がる必要はない」でしょう。 </p>
<p>25. 私は文明人であり、私の汚い言葉はすべて唾液で消毒されています。 </p>
<p>26. 有名な名言。有名な名言になるには、まず有名人でなければなりません。他人のオナラは、ただの有名なオナラです。比較できますか？ </p><!-- 画像をハイパーリンクとして使用します。画像をハイパーリンクとして使用すると、画像には自動的に水色の枠線が表示されます。ハイパーリンクをクリックすると、枠線が紫色に変わります。枠線を削除するには、img タグの border 属性を使用します。 -->
<ahref="#"><imgsrc="../../../Material Library/yingyue.png"border="0"alt="京津冀"/></a>

<!--
フォーマット: <mapname="画像名"id="画像名">
<areashape="エリアの形状を選択" coords="座標" href="URL" alt="テキストの説明">
</マップ>
<imgsrc="URL"USEMAP="#画像名">
<map> は、グラフ全体がマップ リンクを使用して接続されていることを宣言します。
name,id はこの画像の名前を参照します。
<area>は、1つのポイントをリンクする領域を示します。
シェイプは、選択したシェイプを表します。例: rect 長方形 円 円 poly 多角形
coords はマップの座標位置を表します。
-->
<imgsrc="../../../材料库/42a98226cffc1e173ec6f5894b90f603738de909.jpg"alt="MM"width="200"height="300"hspace="20"border="0"align="left"usemap="#Map"title="MM"/>
<mapname="マップ"id="マップ">
<areashape="rect"coords="39,99,76,137"href="#"alt="殴ってやるよ"/>
<areashape="circle"coords="94,200,17"href="#"alt="非常に大きい"/>
<areashape="poly"coords="87,50,119,50,121,70,91,67"href="#"alt="myeyes"/>
</マップ>