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中文網(wǎng)(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中文網(wǎng)(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>
