画像編


このページはＨＴＭＬ講座の画像編です。画像編をマスターしよう！
それでは画像編行ってみましょう。
最初は表示です。<img src = "画像ファイル名"> （ファイルが同じフォルダの場合）

<img src = "shadow.gif">

↓

になります。

次はサイズです。画像のサイズを指定します。
<img src = "画像ファイル名" width="数字" height="数字" > です。widthが幅。heightが高さになります。
また数字以外に％の指定もできます。

<img src = "shadow.gif" width="200" height="200"> <img src = "shadow.gif" width="50%" height="50%">

↓

見たいな感じです。

次は画像に枠線をつけてみます。
<img src = "画像ファイル名" border = "数字" >　です

<img src = "shadow.gif" border = "5" > <img src = "shadow.gif" border = "10">

↓

です。

次はテキストです。ここでは4編に分かれて説明します。まずは並び方の指定です。
<img src = "画像ファイル名" align="top" >　(TOP指定）
<img src = "画像ファイル名" align="top" >　(MIDDLE指定）
<img src = "画像ファイル名" align="top" >　(BOTTOM指定）
の三つです。

<img src = "shadow.gif" align = "top" > TOP指定
<img src = "shadow.gif" align = "middle" > MIDDLE指定
<img src = "shadow.gif" align = "bottom" > BOTTOM指定

↓
TOP指定
MIDDLE指定
BOTTOM指定
になります。

次は画像にテキストを回り込ませます。(解除なし）
<img src = "画像ファイル名" align="right" >　(RIGHT指定）
<img src = "画像ファイル名" align="left" >　(LEFT指定）

<img src = "shadow.gif" align = "RIGHT" > RIGHT指定
<img src = "shadow.gif" align = "LEFT" > LEFT指定

↓
RIGHT指定
LEFT指定
になります。

（解除あり）　<br clear>　使用

<img src = "shadow.gif" align = "RIGHT" > RIGHT指定 <br clear="all">
<img src = "shadow.gif" align = "LEFT" > LEFT指定 <br clear="all">

RIGHT指定
LEFT指定
です。

次はテキストとの間隔の指定です。
<img src = "shadow.gif"align="LEFT" vspace = "数字" hspace = "数字">　です。vspaceは縦。hspaceは横になります。

<img src = "shadow.gif" align="LEFT" vspace = "25" hspace = "50"> （文字省略）

↓
みんなで覚えようＨＴＭＬ講座！！










じゃじゃ〜〜〜ん

みたいな感じになります。
お疲れ様です。さあリスト編に行ってみましょう！！