HTML画像リンクとは何ですか?
人が画像を含むWebページを作成している場合、画像は実際に残りの情報とともにページに挿入されていません。 Webに画像を表示するには、ページに画像を埋め込む代わりにHTML画像リンクが使用されます。 HTML画像リンクを使用するには、 HTMLタグを使用して、画像が保存されてアクセスできる情報を提供します。このタグは、すべてのブラウザで使用でき、ブラウザでサポートされているすべての画像タイプをロードするために使用できます。
タグのみを使用して、画像を含めることを目的とした情報をWebページに提供しません。 HTML画像リンクを正しく記述するために必要な2つの属性があり、Webページがロードされると画像がロードされるようにします。また、詳細情報を提供するために含めることができるいくつかのオプションの属性もあります。画像リンクを作成するために必要な属性は、 src および alt 。eリンクは、画像が配置されている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サイトディレクトリ内の画像へのリンクを提供しています。相対URLは、画像がWebページと同じ場所にあるため、絶対URLの切り捨てられたバージョンです。相対URLを使用したSRC属性の例は次のとおりです。Src= "Image.jpg"またはsrc = "image/image.jpg"。これらの例の唯一の違いは、画像が位置する場所です。2番目の例の画像フォルダー内にあります。
他の必要な属性は alt で、画像の代替テキストを提供します。これは、ユーザーが画像の上にマウスを押した場合に表示されるテキストではなく、何らかの理由で画像を表示できない場合に表示されるテキストです。 src 属性のURLが間違っている、または壊れている場合、または視覚障害のあるユーザーがスクリーンリーダーを使用している場合など、画像が表示されない理由はたくさんあります。
HTML画像リンクの最も基本的なコードは、次のようになります。 タグにはエンドタグがないため、ブラウザが命令が終了したことを知っているように、 />で終了することが重要です。 src 属性は画像の場所を指しているため、他のサイトへのリンクが壊れておらず、画像がWebサイトディレクトリ内で移動されないことを確認することが重要です。問題が発生したときにリンクを修正するため。