ホームページつくるぞ!! -12ページ目
<< 前のページへ最新 | 8 | 9 | 10 | 11 | 12

画像からリンクを張る

★画像からリンクを張るには


HTML


<a href=http://www.・・・・・・ ><img src="img/sample1" alt="サンプル1"></a>


て感じで<a></a>で囲めばいいのだ




で、

★リンクをあらわす下線を消したいときは


Css

img{ border: none; }


ok

画像の回り込み指定

★画像の左右どちらかへの回り込みの指定


Css にて指定


  img{ float: right; } 左へ画像を寄せる場合はleft



★回り込ませた画像(要素)とテキストの間隔を指定


Css にて


  img{ margin-left: 10px;

margin-bottom: 5px; } top right bottom left


★回り込みの解除


Css にて

  img{ clear: right; } right left both


画像の挿入・大きさの指定

使用できる画像形式  『 .gif 』『 .jpg 』『 .png 


imgファイル内のsample1.jpgという名前の画像を挿入する場合(代わりの名前はサンプル1)


HTML


   <img src="img/sample1.jpg" alt="サンプル1">


 ※飾り画像は、背景として指定したほうがよい



★大きさの指定

cssにて指定するのが主流である。(埋め込み型でも指定可)


Css


    img{  width : 180px;

  height: 155px;  }



<< 前のページへ最新 | 8 | 9 | 10 | 11 | 12