|
１．まず下のようにA HREF=と書いて、「"」と「"」の間に リンクする先のテキストファイル名を入れて、その後に次のページ へ行くという意味の文字を入れるんだ。下では「次のページへ」と なってるけど、ここは「次へ」とか「NEXT」でもいいよ。 そしてその後に/Aを忘れないでね。 |
|
|
２．さあこれをInternet Explorerで見てみると・・・ 「次のページへ」というリンクの文字が出てきたね。 でもまだここをクリックしてもどこにも行けないんだ。 さっきA HREF=の後にnext.htmlって書いたよね。このnext.html というテキストファイルを新しく作らなければいけないんだ。 |
|
|
３．まずはフォルダを開いてindex.htmlを右クリックしてみよう。 そして「コピー」を選ぶんだ。 |
|
|
４．次にフォルダの中の白い部分を（ファイルにさわらないようにして） 右クリックするんだ。その中から「貼り付け」を選んでみよう。 |
|
| ５．そうすると、index.htmlとまったく同じファイルが作られるんだ。 |
|
| ６．この新しくつられたファイルの名前を「next.html」に書きかえよう。 |
|
|
７．さあこれをInternet Explorerで見てみると・・・ index.htmlとまったく同じだね。（あたりまえのことだけど） |
|
|
８．では、このnext.htmlを改造してみよう。まずリンクのところだけど、 「next」を「index」に、「次」を「前」にそれぞれ書きかえよう。 ついでに文章も少し変えてみよう。 |
|
|
９．これをInternet Explorerで見てみよう。今度は下の「前のページへ」 のところをクリックするとindex.htmlに戻るよ。そしてindex.htmlの ページの「次のページへ」のところをクリックするとnext.htmlの ページに行けるようになったよ。 A HREF="〇〇〇.html"は１つのページにいくつでも入れることも できるんだ。リンクする先のファイルをたくさん作って実験してみよう。 |
|
|
１０．たとえばこんなふうに金魚のページやヤマザクラのページへの リンクを追加してみよう。ついでに画像にもリンクさせちゃおう。 IMG SRC="〇〇〇.gif"の前にa href="〇〇〇.html"を入れれば いいんだ。このときも最後に/Aをわすれないでね。 |
|
|
１１．Internet Explorerで見てみよう。だいぶにぎやかになってきたね。 画像の回りの青い線は、この画像がリンクしているというマーク なんだ。でもこの青い線はないほうがスッキリしていてカコイイと 思う人もいるよね。 |
|
|
１２．そんな人は、IMG SRC="〇〇〇.gif"の後にBORDER=0を追加してみよう。 これで線が消えるよ。 |
|
| １３．ほらね！ |
|