４章 リンクの貼り方と改行 リンクを貼るには <a href="リンク先アドレス">リンクに使用する文字又は、絵をここにはさむ</a> という形式のタグになります。（注意 ahref ではなく a半角スペースhref とする） とりあえず説明のため、リンク先のページを作ります。 例によってメモ帳で <html> <head> <title>２ページ目タイトル</title> </head> <body> ここは２ページ目だよ〜 </body> </html> と打ち込み、ホムペレッスンフォルダ内に 03.html という ファイル名で保存する。 次に前に作った 02.txt（又は02.htmlをメモ帳で） を開き、下の赤字の部分を追加 <html> <head> <title> ここがタイトル </title> </head> <body bgcolor="red"> ここがボディー部 <a href="03.html">ここ</a>がリンク</a> </body> </html> 上書き保存し、次いで名前をつけて保存→02.html 置き換えますか？→はい とする。 02.html をダブルクリックして開くと、「ここ」の字にアンダーラインが付いていて、「ここ」をクリックすると、リンク先の0３.html が開きます。 注意）この場合02.htmlと03.htmlは同じ（ホムペレッスン）フォルダ内になければならない。 アドレスの指定方法については、別章で。 ちなみに、上の表示のように元ファイルで、「ここがボデーィ部」と「ここがリンク」 と二行になっていても、ホームページ上の表示は「ここがボディー部ここがリンク」と一行となってしまいます。これはｈｔｍｌ表記では、スペースは無視されるためです。 改行するためには、「ここで改行しますよ」というタグを記入しなければなりません。 そのタグは<br>と書きます。このタグは</br>と一対にする必要はありません。 再度 02.txt を開き、下の赤字の<br>タグを追加 <html> <head> <title> ここがタイトル </title> </head> <body bgcolor="red"> ここがボディー部<br> <a href="03.html">ここ</a>がリンク </body> </html> 上書き保存し、次いで名前をつけて保存→02.html 置き換えますか？→はい とする。 02.htmlを開くと今度は「ここがボディー部」と「ここがリンク」の二行になっています。 ちなみ続けて<br><br><br><br>と続けて入れると、その分、空白の行が入ったことになり ２つの文の間を開けることが出来ます。 例として、ヤフーへのリンク追加すると（見にくいので、背景色は標準の白に戻します。・・・・・bgcolor="red"を削除します。） 再度 02.txt（.html）を開き、下の緑字を修正、赤字を追加 <html> <head> <title> ここがタイトル </title> </head> <font color="green"><body></font> ここがボディー部<br><br><br><br> <a href="03.html">ここ</a>がリンク<br><br> <a href="http://www.yahoo.co.jp">ヤフー</a>へのリンク </body> </html> 上書き保存し、次いで名前をつけて保存→02.html 置き換えますか？→はい とする。 02.html 開くと<br>の数の分、文章の間が開いていると思います。 リンクタグの属性には <a href="リンク先アドレス" target="_self">リンクに使う字や絵</a>・・・リンク先を同じ窓で開く <a href="リンク先アドレス" target="_blank">リンクに使う字や絵</a>・・・リンク先を新しい窓で開く <a href="リンク先アドレス" target="_top">リンクに使う字や絵</a>・・・リンク先をフレ−ム（又後日説明）を解除して開く <a href="リンク先アドレス" target="yyy">リンクに使う字や絵</a>・・・リンク先をｙｙｙのフレ−ム内で開く があります。(省略すると、同じ窓で開くと思いますが、リンク先によっては別窓で開くこともあるようです・・・？です） 別窓で２ページ目を開くようにしてみます。 再度 02.txt（.html） を開き、下の、赤字を追加 <html> <head> <title> ここがタイトル </title> </head> <body> ここがボディー部<br><br><br><br> <a href="03.html" target="_blank">ここ</a>がリンク<br><br> <a href="http://www.yahoo.co.jp">ヤフー</a>へのリンク </body> </html> 上書き保存し、次いで名前をつけて保存→02.html 置き換えますか？→はい とする。 02.html を開いて「ここ」をクリックすると、別窓で２ペ−ジ目が開きます。 ←ＢＡＣＫ ＮＥＸＴ→
目次へ