HTML の概要_html/css_WEB-ITnose

HTML では、画像は タグによって定義されます。

は空のタグです。つまり、属性のみが含まれ、終了タグがありません。

ページに画像を表示するには、source 属性 src を使用する必要があります。src は「source」を指します。 source 属性の値は画像の URL アドレスです

定義されている画像の構文は次のとおりです:

ブラウザには、ドキュメント画像タグが表示される画像が表示されます。画像が 2 つの段落の間にタグ付けされている場合、ブラウザ

は最初に最初の段落を選択し、次に画像が表示され、その後、後の段落になります。

alt 属性は、画像の予約された代替テキストの文字列を定義するために使用されます。置換テキスト属性値は自分で設定します。中国語と英語の両方が可能です。

例:

テキストを置き換える良い習慣を身につけると、プレーン テキスト ブラウザを使用している人にとって、情報がより適切に表示されるようになります。非常に便利だったと言っています。

HTML ファイルに 10 個の画像が含まれている場合、このページを正しく表示するには、11 個のファイルをロードする必要があります。画像の読み込みに時間がかかります。

画像の背景

Gif ファイルと jpg ファイルを HTML 背景として使用できます。画像がページより小さい場合、画像が繰り返されます。

例:

画像を下に配置画像を中央に配置< img src="画像アドレス.jpg" align="middle">

画像を上に配置

デフォルトの配置写真の一番下です。

画像フロート

画像を含む段落。画像の align プロパティは「left」に設定されます。画像はテキストの左側に表示されます

画像を含む段落。画像の align プロパティは「right」に設定されています。画像はテキストの右側に浮かび上がります

画像のサイズを調整します

「高さ」の値を変更することで、 imgタグの「width」属性 画像を拡大・縮小できます

画像を縮小する:

画像を拡大する:

画像作成ハイパーリンク

<エリア

shape="square"

coords="0.0.0.0"

href="http://www.baidu.com"

target="_blank"

alt="小さな写真" />

ここで: usemap="#name" alt="replace text" マップタグは画像マッピングを定義します

エリアはホットエリアを意味し、画像上にエリアを描画し、このエリアにリンクアドレスを与えることを意味します

shape=シェイプホットエリアを描画する 3 つの方法 長方形、多角形、円。 coords=ランドマーク、3時が円です

href=ハイパーリンク。 target="_blank" は、別のページで新しいページを開くことを意味します。