画像に関するタグ。
<img src=〜>の < > 内に以下のタグを追加して使います。
画像の横に並ぶ文字の位置
説明のポップアップ 
画像にマウスをのせると、説明などをポップアップして表示します。
読み込み中と読み込めないときの説明
画像が読み込まれるまで、または何かの理由で読み込まれないときに画像の代わりに表示される説明など。
読み込み後は、「title」と同じようにポップアップしても表示します。
「title」も両方入れた場合、ポップアップは「title」の方が優先されます。
画像のサイズ
★サイズを変える場合、幅か高さのどちらかだけを指定すれば、もう片方も同じ比率で変化します。
比率が違うと縦長や横長になってしまうので、片方の指定の方がよいでしょう。
指定なしでもそのまま表示されますが、サイズを指定しておくと読み込み中からそのサイズが確保されて、
読み込んだら画面がずれる、ということがなくなります。
また、もとの画像より大きくしたり小さくしたりもできますが、画質がかなり悪くなります。
大きな画像をサムネイル ( 案内のための小さな画像 ) として小さく表示するには便利ですが、
素材屋さんの画像や人からもらったイラストなどは、礼儀としてそのままのサイズで使って下さい。
画像の枠の装飾
|
style="border:【太さ】 【色】 【スタイル】"
|
枠は「border」の代わりに以下のタグを使って、上辺、下辺、左辺、右辺を別々に装飾することもできます。
|
上辺
|
border-top
|
左辺
|
border-left
| |
下辺
|
border-bottom
|
右辺
|
border-right
|
または、太さを「border-width」、色を「border-color」、スタイルを「border-style」として単独での指定もできます。
これを使うとき、半角スペースをあけて4つ並べると、「【上辺】 【右辺】 【下辺】 【左辺】」の順に指定できます。
行間や枠の太さによっては、枠がとび出たり重なったりするので、最小限がいいかと思います。
余白も同時に指定すると完璧ですが、そこまで凝っても…という気もしますｗ
「HTMLタグ」のトップに戻る
|
|
|
top
