|
画像とテキストの上下位置
|
|
|
|
<img src=
"画像URL"
align=
上下の表示位置
>
|
|
|
|
画像とテキストの配置 サンプル表示
ブラウザで見ると、このように表示されます。
参考例として、明石海峡大橋の写真を指定しています。
夕日と明石海峡大橋
|
マーメード号の夜景写真
|
アジュール舞子側からの明石大橋
|
|
|
|
|
|
参考として、上記の明石海峡大橋の写真を指定したタグです。
|
<img src="hasi34s.gif"
align="top"
alt=
"夕日と明石海峡大橋"
>
夕日と明石海峡大橋
|
|
<img src="hasi34s.gif"
align="middle"
alt=
"マーメード号の夜景写真"
>
マーメード号の夜景写真
|
|
<img src="hasi34s.gif"
align="bottom"
alt=
"アジュール舞子側からの明石大橋"
>
アジュール舞子側からの明石大橋
|
|
| 要素 |
属性 |
値 |
|
|
説明 |
|
img
|
|
| image
| イメージ
|
（印象、映像）
画像を表示するタグ
|
|
src
|
| sorce
| ソース
|
（出典）
表示する画像ファイルを指定
|
|
align
|
| alignment
| アライメント
|
調整、行揃えの意味
|
|
top
| the top
| トップ
|
画像の上辺を、行の高さの上辺に合わせる。
|
|
middle
| a middle
| ミドル
|
画像の中央を、行の高さの中央に合わせる。
|
|
bottom
| a bottom
| ボトム
|
画像の底辺を、テキストのベースラインに合わせる。
|
|
texttop
| text top
| テキストトップ
|
画像の上辺を、テキストの上辺に合わせる。
|
|
adsmiddle
|
|
|
middle
画像の中央と、行の中央に合わせる。
|
|
center
|
|
|
adsmiddle
と同じ。
|
|
baseline
| base line
| ベースライン
|
bottom
と同じ。
|
|
adsbottom
|
|
|
bottom
と同じ。
画像の底辺を、行の高さの底辺に合わせる。
|
|
|
|
その他の参考タグ
| HTML TAG |
|
詳 細 |
関連URL
IMG関連 TAG
|
|
hspace=""
|
属性
|
画像配置の横間隔を空けて表示 表と文字との間に余白を入れる
HTMLタグ 横間隔(10進数整数)で指定
|
<img>
|
|
vspace=""
|
属性
|
画像配置の縦間隔を空けて表示 表と文字との間に余白を入れる
HTMLタグ 横間隔(10進数整数)で指定
|
<img>
|
|
width=""
|
属性
|
画像の横サイズ 表の横幅
|
<table> <th>
<tr>
<td> <img>
|
|
|
height=" "
|
属性
|
画像の縦サイズ 表の縦幅
|
<table> <th>
<tr>
<td> <img>
|
|
|
alt=" "
|
属性
|
ブラウザで何らかの原因で、画像が表示出来ない場合の
代替表示(説明文)
|
<img>
|
|
|
|
|
|
|
|
|