いまさらながら画像を入れる方法

作成日 : 2019-05-11
最終更新日 :

img src

画像の入れ方は、HTML 4.01, HTML5, HTML Living Standard のどれでも変わらない。基本は、<img src="filename " > としてよい。

回り込みの設定と解除

回り込みをさせるのならば、CSS で定義しないといけないが、それも HTML 4.01 でやったことと同じである。 たとえば、CSS を定義しているファイルで、クラス float を次のように定義する。

img.float{
  float: left; 
  margin-right: 20px
}

こうして、<img src="filename " class="float" > とする。すると、写真は左に位置し、以降の本文は右に回り込む。

回り込みを解除するには、clear: both を使う。