• モモネコ情報局（本家）へ行く

画像の表示タグ

次に画像をブラウザに表示してみましょう。
文字のタグよりは少ないので頑張れば覚えられるかな？。

貼り付ける場所は全て<p>～</p>の間に書いてください。（↓ピンク色の部分）

画像を貼り付ける

<img src="sample.png" border="0">
↑の「sample.png」の部分をファイルに合わせて変更してください。
↑の「border」とは画像の周りに付ける線の大きさです。（0でなし）
サンプルはこちら

画像の大きさを変更

画像の大きさを変更する時に使います。
<img src="sample.png" border="0" width="273" height="88">
↑の「273」は画像の横幅、「88」は画像の縦幅のことです。（単位はpxですが、pxと書きません）

<img src="sample.png" border="0" width="20%">
↑のように%で表示することも可能です。（この場合単位%をつけましょう）
↑の縦幅、横幅のみの指定も可能です。
サンプルはこちら

画像の位置を変える

<div align="left"><img src="sample.png" border="0"></div>
<div align="center"><img src="sample.png" border="0"></div>
<div align="right"><img src="sample.png" border="0"></div>
↑から順番に「左側・中央・右側」に表示されます。
サンプルはこちら