HTML_CSS/HTML のイメージタグ属性

HTML の画像タグ属性
画像は Web ページをより鮮やかで美しくすることができます。ブラウザは JPEG および GIF 画像を表示できますが、GIF 画像は最大 256 色しか使用できません (つまり、8 ビット カラーとしてのみ保存できます)。一方、JPEG 形式は特定の連続トーンとして保存できます。画像は最高の効果を発揮します。ただし、GIF 画像は画質の点では JPEG 画像ほど良くありませんが、
占有するストレージ容量を考慮すると、すぐにダウンロードできます。したがって、状況に応じてどの形式の画像を使用するかを決定する必要があります。
HTML ドキュメントに画像を挿入するには、
タグを使用します。このタグには合計 9 つの属性があります。デフォルトに設定できない属性 SRC を除いて、他のすべての属性は オプションです。

1. SRC 属性。 SRC はソースです。この属性は、参照される画像ファイルの場所を示すために使用されます。例:
絶対パス表記:
相対パス表記:
SRC の属性パラメーター値は、画像ファイルの URL です。相対表記は、画像ファイルと HTML ドキュメントが同じディレクトリにある場合にのみ、画像ファイル
の場所を識別するために使用できることに注意してください。
2 つ目は、ALIGN 属性です。 align 属性のパラメータ値は、top、middle、bottom で、それぞれ画像に隣接するテキストが画像の左上、左中、右下
に位置することを示します。例:

テストページ

---

私 アイコンはいい感じですか？

---

これをもう一度見てみませんか?

---

自分の画像に変更できます。ブラウザのデフォルトのディレクトリは、windows/TEMP 一時フォルダーであることに注意してください。イメージが存在するディレクトリを指定する必要があります。
4、ALT 属性。 Web を閲覧するとき、ユーザーは時間を節約するため、またはその他の理由から、画像をダウンロードしないことを選択することがよくあります。ALT 属性を追加すると、画像が最初に表示される
位置に画像に関する一部の情報が表示されます。 ALT 属性のパラメータ値は、Web ページ編集者が画像が最初に表示される場所に表示されることを希望するテキスト情報です。一般に、
は画像の名前と簡単な説明です。例えば。



テストページ

---

見えないんですか？ふふ

---

五、確認してください画像の余白などのプロパティ。

タグは、vspace と hspace の 2 つの属性を使用して、画像とその隣接するオブジェクト間のスペースのサイズを決定します。 vspace 属性は、画像とその垂直方向に隣接するオブジェクト間の距離を指定するために使用されます。 hspave は、画像とその水平方向に隣接するオブジェクト間の距離を指定するために使用されます。これら 2 つの属性のパラメーターは数値であり、 の距離に残るピクセルの数を示します。
6. BORDER 属性。
ブラウザが画像を呼び出すと、ブラウザ ウィンドウのサイズと元の画像に基づいて、さまざまな幅の境界線が画像に追加されます。 border 属性を使用して、画像の境界線
の幅を指定したり、境界線
をキャンセルしたりできます。 border 属性のパラメータ値も数値であり、境界線の幅が占めるピクセル数を示します。例:


テストページ

---

効果を確認してください。

---

境界線パラメーターの値が大きいほど、境界線も大きくなります。 7. ISMAP 属性
この属性はドキュメントのハイパーリンクに関連します。詳しくは後ほど説明します。