- ホームページ制作に必要なHTMLのミニ辞典です
このページでは、ホームページを制作する時、必ずといっていいほど必要な画像の表示タグを紹介しています。
また、画像イメージ制作の出来次第でホームページ全体の印象がかなり変わってくるので、腕のみせどころです。
<img src="画像ファイル名" alt="代替テキスト" />
画像ファイル名に、画像のurlを指定すると、その場所に画像が埋め込まれます。
画像には単純なイラストなどに使うgif、写真や、グラデーション、複雑な色数のイラストなどに使うjpg、半透明画像に使うpngなどの種類があり、その都度適正の種類の画像をPhotoshopなどで加工制作します。
適正な画像制作によって、見た目を美しくしたり、ファイルサイズを軽くしたりするのです。
代替テキストには画像の変わりに表示されるテキストを指定します。
画像を表示しない設定のブラウザや音声読み上げソフト使用時の、画像の代替テキストになります。そのため、画像に関連したテキストを入力します。
代替テキストは入れなくても画像は表示されますが、上位にホームページ表示させるためのseo、ユニバーサルデザインの観点からも、代替テキストの入力は必須といえるでしょう。