プロが教えるホームページの作り方

プロが教えるホームページの作り方
プロが教えるホームページの作り方		ホーム　｜メール

スポンサードリンク

タグ一覧

役立つ豆知識

リンク

姉妹サイト

スポンサードリンク

初心者のためのホームページの作り方

ホーム＞画像＞画像を表示

■画像を表示

<img src="★" alt="■">
★･･････画像のファイル名(URL)
■･･････画像の代わりのテキスト

<img>タグを使えば画像を表示出来ます。

src属性
　画像のファイル名(URL)を指定します。
alt属性
　画像の代わりにテキストを表示します。
　ユーザーが画像を表示しない設定をしている場合や、
　画像に対応してないブラウザを使用している場合は、
　alt属性に指定したテキストが表示されます。

記入例。

メモ帳

ファイル(F) 編集(E) 書式(O) 表示(V) ヘルプ(H)

<!DOCTYPE HTML PUBLIC-"//W3C//DTD HTML4.01 Transitional//EN">
<html>
<head>

</head>
<body>

<IMG SRC="sample.gif" ALT="女の子の画像"><br>
<br>
<IMG SRC="sample1.gif" ALT="女の子の画像">

</body>
</html>

表示結果

表示されている画像にマウスカーソルを置くと、
alt属性で指定したテキストが出てくると思います。
また下の画像はファイル名(URL)を間違えて記述しています。
その場合、画像が表示されずテキストが表示されます。