レイアウト 画像 リンク ファイル テーブル 小技
画像を配置しよう
・画像を表示させる
<img src="画像のURL">
画像のURLを入れるとその画像が表示される。

<img src="画像のURL"width="幅"height="高さ">
指定した画像をwidthで幅、heightで高さを指定する。

<img src="画像のURL"border="太さ">
画像枠の太さを指定。

・テキストの回り込み
<img src="画像のURL"align="画像の位置">
テキストの回り込みを設定。画像の位置をalign="left/right"で指定しその反対にテキストが回り込む。

<img src="画像のURL"align="画像の位置"vspace="上下の余白"hspace="左右の余白">
画像とテキストの位置関係を指定。vspaceは画像との上下関係hspaceは左右の間隔。

<br clear="left/right">
画像に対する回り込みを解除する。

・オンマウスでテキスト表示
<img src="画像のURL" alt="表示させたい文字">
マウスポインタが画像上を通過する時文字が出てくる。altの中に表示させたい文字を記入。

Exp)
※同じフォルダにponds.jpgがあるとする
□ メモ帳
<html>
<head>
<title>徹子の部屋</title>
</head>
<body bgcolor="#f0f0f0">
頭で鳥は飼ってません
<hr size="1" color="blue">
<center>
ファンデーションは使ってません<br>
<img src="ponds.jpg" alt="画像にカーソルのせんな!">
</center>
</body>
</html>

◎ 徹子の部屋 - Microsoft Internet Explorer
頭で鳥は飼ってません
ファンデーションは使ってません
画像にカーソルのせんな!

Copyright (C) 2006 HTML?. All Rights Reserved.