画像

<img src="" /> 画像の表示

画像を表示するには

文字にリンクを貼る

<img src="○○○.jpg" alt="額縁" />
suikozu1.jpg

alt=""には、画像の代替文字を入れよう。例えば、リンゴの画像だったら、リンゴと書いておけばよい。

画像の表示方法

相対リンクで表示

<img src="./img/sample.jpg" alt="額縁" />

imgフォルダに入っているsample.jpgという画像を表示させる場合

絶対リンクで表示

<img src="http://gensoan.com/img/sample.jpg" alt="額縁" />

バナーなど、外部サイトの画像を呼び出すときによく利用される。基本的に、バナー以外の外部サイトの画像を勝手に呼び出してはいけない。

ウェブサイトで取り扱える画像の種類

ウェブサイト上で画像を取り扱いたい場合、画像の拡張子を、jpg、gif、pngなどの決められた形式に変更する必要がある。

jpg

写真を表示するのに適したフォーマット。描いたイラストを保存する場合にも適している

gif

背景を透過させて保存することが出来るので、アイコンの保存形式に適している

png

今後のインターネットにおいて、主流となる言われている画像形式。今の時点ではあまり一般的に使われていない

画像の大きさについて

画像を大きいまま表示させるのはあまり好ましくない。適度に縮小して表示させるのがよい。
500ピクセルを基準にして考えよう。

HTMLの基本

CSS

  • 項目1
  • 項目2

便利な使い方

アイテム

  • タスクバーにフォルダのショートカット
  • warabimochi.jpg
  • 016.jpg
  • suikozu1.jpg
  • 015.jpg
  • 014.jpg
  • 013.jpg
  • 012.jpg
  • 011.jpg