HTML ワンポイント

画像と文の関係




コーディング 実際の表示
<img src="sample160.jpg" alt="「上側」を指定した場合" width="160" height="120" align="top">属性で「align="top"」を指定すると、文章は画像の上辺から始まります。 「上側」を指定した場合属性で「align="top"」を指定すると、文章は画像の上辺から始まります。
<img src="sample160.jpg" alt="中央に配置" width="160" height="120" align="middle">画像の中央からはじめるときは「align="middle"」を指定します。 中央に配置画像の中央からはじめるときは「align="middle"」を指定します。

(注)alignを top または middle に指定した場合、折り返された行は画像の下になります
<img src="sample160.jpg" alt="文字の位置を指定しない場合" width="160" height="120">画像を指定した後、文字の位置を指定しない場合は画像の下の線に並んで文章が表示されます 文字の位置を指定しない場合画像を指定した後、文字の位置を指定しない場合は画像の下の線に並んで文章が表示されます

(注)ブラウザによりうまくいかないことがあります
<img src="sample160.jpg" alt="左寄せを指定" width="160" height="120"align="left">画像を左寄せに指定すると画像の横に文章が並びます。文章の後に『改行(br clear="all")』をつけて画像が下の表示と重ならないようにします 左寄せを指定画像を左寄せに指定すると画像の横に文章が並びます。文章の後に『改行(br clear="all")』をつけて画像が下の表示と重ならないようにします
<img src="sample160.jpg" alt="左寄せを指定" width="160" height="120"align="left"><br clear="all">文章を画像の下からはじめるには画像を貼り付けた後に『改行(br clear="all")』します 文章を画像の下からはじめる
文章を画像の下からはじめるには画像を貼り付けた後に『改行(br clear="all")』します
<img src="sample160.jpg" alt="画像を右側に表示" width="160" height="120" align="right">画像を右に表示するときは「align="right"」とします。 画像を右側に表示画像を右に表示するときは「align="right"」とします。

直前のページに戻る  


作成 : 小田桐 一良