Skip to main content

HTML画像リンクとは何ですか?

semage人が画像を含むWebページを作成している場合、画像は実際に残りの情報とともにページに挿入されていません。Webに画像を表示するには、ページに画像を埋め込む代わりにHTML画像リンクが使用されます。HTML画像リンクを使用するには、< IMG>HTMLタグは、画像が保存され、アクセスできる場所の情報を提供するために使用されます。このタグはすべてのブラウザで使用でき、ブラウザでサポートされているすべての画像タイプをロードするために使用できます。タグだけで、画像を含めることを目的とした情報をWebページに提供しません。HTML画像リンクを正しく記述するために必要な2つの属性があり、Webページがロードされると画像がロードされるようにします。また、詳細情報を提供するために含めることができるいくつかのオプションの属性もあります。画像リンクを書き込むために必要な属性は、src

および

alt

です。URLは2つのフォームのいずれかを取得できます。絶対URLは、別のWebサイトの画像に向けた完全なWebアドレスを提供します。SRC属性の絶対URLを含める例は、src ' http://www.website.com/image.jpg—Website.comが別のサイトとImage.jpgが特定の画像を指している場合。相対URLの場合、Webアドレスは同じWebサイトディレクトリ内の画像へのリンクを提供しています。相対URLは、画像がWebページと同じ場所にあるため、絶対URLの切り捨てられたバージョンです。相対URLを使用したSRC属性の例は次のとおりです。Src' image.jpgまたはsrc ' image/image.jpg。これらの例の唯一の違いは、画像が2番目の例の画像フォルダー内にあるため、画像が配置されている場所です。これは、ユーザーが画像の上にマウスを押した場合に表示されるテキストではなく、何らかの理由で画像を表示できない場合に表示されるテキストです。画像が表示されない理由はたくさんあります。これには、SRC属性のURLが正しくないか壊れている場合、または視覚障害を持っているユーザーがスクリーンリーダーを使用している場合があります。HTML画像の場合、リンクは次のようになります。< IMG>タグにはエンドタグがありません。 /で終了することが重要です。そうすれば、ブラウザが命令が終了したことを知ることができます。src属性は画像の場所を指しているため、他のサイトへのリンクが壊れず、画像がWebサイトディレクトリ内で移動されず、問題が発生したときにリンクを修正することを確認することが重要です。