画像の表示の勉強

今日は画像の表示の勉強です。

まず＜img src="画像パス" alt="代替テキスト"＞

をHTMLに記述するのですが。

画像のサイズも一緒に決めてしまいます。

＜img src="画像パス" alt="代替テキスト" height="" width=""＞

前回作成した、トップページ画面に画像を挿入してみます。

今回私の記述はこんな感じです。

↓

HTML

＜img id="photo" src="./画像名" alt="ミニピン" width="80" height="80" /＞

CSS

#photo {

float:left;

}

画像となりの記述は＜p＞タグを使っています。