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

人が画像を含むWebページを作成しているとき、画像は実際には残りの情報とともにページに挿入されません。 Web上に画像を表示するには、ページ内に画像を埋め込む代わりに、HTML画像リンクを使用します。 HTML画像リンクを使用するには、<img> HTMLタグを使用して、画像の保存場所とアクセス可能な場所に関する情報を提供します。 このタグはすべてのブラウザーで使用でき、ブラウザーでサポートされているすべての画像タイプをロードするために使用できます。

<img>タグを単独で使用すると、画像を含むことを意図したWebページに情報が提供されません。 Webページのロード時にイメージがロードされるように、HTMLイメージリンクを正しく記述するために必要な2つの属性があります。 さらに情報を提供するために含めることができるいくつかのオプションの属性もあります。 画像リンクを記述するために必要な属性はsrcとaltです。

HTML画像リンクのsrc属性は、画像が配置されているWebアドレスまたはURLを提供します。 URLは2つの形式のいずれかを取ることができます。 絶対URLは、別のWebサイト上の画像を指す完全なWebアドレスを提供します。 src属性に絶対URLを含める例は次のとおりです。src = "http://www.website.com/image.jpg" — website.comは別のサイトを指し、image.jpgは特定の場所を指します画像。

src属性内のURLの他のオプションは、相対URLを記述することです。 相対URLの場合、Webアドレスは同じWebサイトディレクトリ内の画像へのリンクを提供しています。 画像はWebページと同じ場所にあるため、相対URLは絶対URLの短縮バージョンです。 相対URLを持つsrc属性の例：src = "image.jpg"またはsrc = "images / image.jpg"。 これらの例の唯一の違いは、2番目の例では画像が画像フォルダ内にあるため、画像の場所です。

他の必須属性はaltで、画像の代替テキストを提供します。 これは、ユーザーが画像の上にマウスを置いたときに表示されるテキストではなく、何らかの理由で画像を表示できない場合に表示されるテキストです。 src属性のURLが正しくないか壊れている場合や、視覚障害のあるユーザーがスクリーンリーダーを使用している場合など、画像が表示されない理由は多数あります。

HTML画像リンクの最も基本的なコードは、次のようになります：<img src = "URL" alt = "text" />。 <img>タグには終了タグがないため、命令が終了したことをブラウザが認識できるように、/>で終了することが重要です。 src属性は画像の場所を指しているため、他のサイトへのリンクが壊れたり、画像がWebサイトディレクトリ内で移動したりしないようにし、問題が発生した場合にリンクを修正することが重要です。