imgタグを書いて画像を貼る方法です。ヘッダやフッタで使えますし、日記に登録する1日1枚の画像以外にも、画像が表示できるようになります。
インターネット上の画像にはアドレスがあります。画像のアドレス(URL)をブラウザで見るには、以下のような方法があります。
上の画像で試してみると、『http://d.hatena.ne.jp/dav/guide/images_sugio/hatena_bnr_h2.gif』がこの画像のURLだとわかります。
画像のアドレスを以下のような書式でimgタグの中に書くと、画像が表示できます。
<img src="画像のアドレス" alt="">
のようにします。たとえば
<img src="http://d.hatena.ne.jp/dav/guide/images_sugio/hatena_bnr_h2.gif" alt="はてなダイアリーガイドのロゴ画像">
日記や、ヘッダやフッタに上のように入力すると、画像が表示されるでしょう。alt="○○"というのは、画像が表示されないときや画像が表示されない環境で読んでいる人のための文章、代替文です。書いておくと万人向けになりますが、言葉では代替しようがないような場合は"○○"の中身を空にし、alt=""としましょう。
1日に複数の画像を載せたいときや、日記のデザインに用いる画像があるとき、(はてなフォトライフを使うのが一般的だとは思いますが)過去日記に登録した画像を利用する方法もあります。とくに過去でなくても、どこか空いている日付ででもできます。
imgタグをaタグで囲むと、画像リンクになります。
<a href="リンクするアドレス"><img src="画像のアドレス" alt="あれば代替文"></a>
のようにします。たとえば
<a href="http://www.hatena.ne.jp/"><img src="http://d.hatena.ne.jp/images/hatenade.gif" alt="はてな"></a>
タグを使うに戻る← | →フォームを使ってみるに進む