【Dreamweaver】画像関連のタグ

∇【基本の画像配置】img

Dreamweaverで画像配置する前にサイトの管理で登録したファイルの中に画像の入っているファイルを貼り付ける。Dreamweaverファイルパネルで画像ファイルを確認してから、コードを入力していく。

<img src="画像が入ってるファイルの名前 /画像の名前.gif" />

∇【幅、高さ】width、height

<img src="画像が入ってるファイルの名前 /画像の名前.gif"  width="166" height="48" />

読み込むための枠を作ってあげる。画像の高さ、幅を指定していると画像の読み込みがスムーズになる。

∇【代替】alt

<img src="画像が入ってるファイルの名前 /画像の名前.gif"  width="166" height="48" alt="画像の名前" />

画像が読み込めなかった時の代わりのテキストを入力。alt属性の値は画像が何かを設定するのではなく、画像の中の言葉を設定する。この画像がこのWebページにどうゆう役割をもっているかによってalt属性の値は変わってくる。代わりの情報がなくても値がないalt属性を書く。

∇【タイトル】title

<img src="画像が入ってるファイルの名前 /画像の名前.gif"  width="166" height="48" alt="画像の名前 "title="画像の名前" />

画像にタイトル属性を設定することが出来る。ブラウザ上で表示し、画像をマウスオーバーした時に画像の名前のチップがでてくる。