制作者(webmaster)
野嵜健秀(Takehide Nozaki)
改訂
2001-02-24

Kamitani Home Page」の「Windows95超初心者によるホームページの作り方」を斬る

リンクをはる

他のホームページへのリンクをはる

この項目はまともです。まあ、ここが駄目なら、もうお終ひですが。

リンクに画像を使う

リンク文字のかわりに、画像をクリックしたらジャンプするようにすることも出来ます。

書き方は、文字の場合と同じです、ただリンク文字の代わりに画像を使うだけです。


例えばこんな感じです。


<A HREF="test2.html"><IMG SRC="torikomi.gif"></A> って書けば画像の周りが色付き縁取りされ、クリックすればジャンプできます。

この縁取りを取りたいなら


<A HREF="test2.html"><IMG SRC="torikomi.gif" BORDER=0></A> って書きます

img要素にalt屬性は必須です。また、このborder屬性はimgの屬性ですので、a要素の解説に書く事はないと思ひますが。

リンクを付けましょう

<HTML>
<HEAD>
<TITLE>僕のホームページ</TITLE>
</HEAD>
<BODY>
<CENTER>
<H1>僕の<FONT COLOR=RED>ホーム</FONT>ページ</H1>
</CENTER>
<A HREF="test2.html"> <IMG SRC="torikomi.gif"> </A><BR>
僕のホームページへようこそ
これからガンガンつくるのでヨロシクネ!
</BODY>
</HTML>

img要素の前後に空白文字のあるのが氣になります。かう云ふ指摘は「宗教的」なものですが(タグの直前直後に空白文字があつても仕樣上は問題ない)。

目次

  1. 目次
  2. ちょっと作ってみよう
  3. 文字の外観を変える
  4. 画面を見やすくする
  5. 画像を入れてみる
  6. リンクをはる
  7. 表を使おう
  8. 背景を変えよう
  9. ホームページをプロバダに登録
  10. 最後に