イメージ(画像)関連 next

 ●画像を表示する

<img src= "画像のファイル名" >  

画像のファイル名を指定します(gif jpg png など)

  サンプルです   ++photo by amon++

<img src="ryo.jpg">
上記のように記入します
これは画像の本来の大きさで表示してます

  
サイズの指定もできます

<img src="ryo.jpg" width="180" height="124">
上記のように記入します
width="180" 画像の幅です height="124" 画像の高さです


  ●画像の横に文字を入れる

<img src= "画像のファイル名" align="位置指定" >  

画像の横に文章を入れる時の指定です  align=" " の中に位置指定をします

  文章を上に表示したサンプル
<img src="ryo.jpg" align="top"> このように記入します  これは文章を上に表示します


  文章を下に表示したサンプル
<img src="ryo.jpg" align="bottom"> このように記入します  これは文章を下に表示します


  文章を真ん中に表示したサンプル
<img src="ryo.jpg" align="middle"> このように記入します  これは文章を真ん中に表示します


  

<img src="ryo.jpg" align="left">
<br>複数行の文章を右に表示したサンプルです
<br> align="left"にして
<br> brを入れてこのように記入していくと
<br>画像の右に複数行の文章を入れられます



  

<img src="ryo.jpg" align="right">
<br>複数行の文章を左に表示したサンプルです
<br> align="right"にして
<br> brを入れてこのように記入していくと
<br>画像の左に複数行の文章を入れられます



  

<img src="ryo.jpg" align="left">
<br>複数行の文章を途中で下に持って行く
<br> align="left"にして
<br> brを入れてこのように記入していくと
<br>画像の右に複数行の文章を入れられ
<br clear="all">こう入れる事で画像の横の文章を途中で終了し 下に文章を持ってこられます
これが「イメージに対する文字の回り込み終了タグ:<br clear="all">」です



Copyright ako's cyberpage All rights reserved