HTML画像
HTML画像
<img> ->画像画像
【必須属性】
【1】 src:アドレス
【2】 Alt: キャプチャして使用するエンジンを探索するための画像置換テキスト
[オプションのプロパティ]
[1] Height: 画像の高さ
[2] width: 画像の幅
[3] ISMAP: サーバー側として定義サーバー側 画像マップ
<img> は空のタグです。つまり、属性のみが含まれており、終了タグがありません。
ページに画像を表示するには、source 属性 (src) を使用する必要があります。 src は「ソース」を指します。 source 属性の値は、画像の URL アドレスです。
画像を定義するための構文は次のとおりです:
<img src="url" alt="some_text">
alt 属性は、画像用に用意された置換可能なテキストの文字列を定義するために使用されます。 。
置換テキスト属性の値はユーザー定義です。
<img src="../style/images/boat.gif" alt="ビッグボート">
ブラウザが画像を読み込めない場合、alt text 属性は読者に失われた情報を伝えます。この時点で、ブラウザには画像の代わりにこの代替テキストが表示されます。
height (高さ) プロパティと width (幅) プロパティは、画像の高さと幅を設定するために使用されます。
属性値のデフォルトの単位はピクセルです:
<img src="../style/images/pulpit.jpg" alt="説教壇の岩" width="300" height="200">
ヒント: 画像の高さと幅を指定することをお勧めします。画像の高さと幅が指定されている場合、ページの読み込み時に指定されたサイズが保持されます。画像のサイズが指定されていない場合、ページが読み込まれるときに HTML ページ全体のレイアウトが崩れる可能性があります。
例
背景画像を追加します:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body background="http://pic.58pic.com/58pic/15/97/99/27W58PICZS7_1024.jpg"> <h3>图像背景</h3> <p>gif 和 jpg 文件均可用作 HTML 背景。</p> <p>如果图像小于页面，图像会进行重复。</p> </body> </html>
画像の高さと幅を設定します:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body > <img src="http://www.w3school.com.cn/i/eg_cute.gif" width="50" height="50"> <br /> <img src="http://www.w3school.com.cn/i/eg_cute.gif" width="100" height="100"> <br /> <img src="http://www.w3school.com.cn/i/eg_cute.gif" width="150" height="150"> </body> </html>
