【６】リンクの設定

○ファイルのコピー

１．「index.html」ファイルを「ｈｐ」フォルダの中にコピーします。

　☆現在の「index.html」文書の内容を２つに分け、それをリンクでつなぎます。

２．コピーしたファイルの名前を「kensyo.html」に変更して下さい。



○ＨＴＭＬ入力

１．「kensyo.html」文書を修正します。

　ａ．「kensyo.html」文書を表示させます。

　ｂ．＜title＞ の後の文字を 生活者主権の会から「平成維新憲章」に変更します。

　ｃ．本文の「生活者主権の会」から「平成維新の誓い」までを削除します。

　☆ ＜center＞ から ＜/center＞ までを削除して下さい。

　ｄ．上書き保存し、ＨＰに画面を切替え、更新し、「タイトルバーの表示」が変わり
      本文が「平成維新憲章」のみになったことを確認して下さい。


２．「index.html」文書を修正し、リンクを設定します。

　ａ．「index.html」文書を表示させます。

　ｂ．「平成維新憲章」の文章を削除します。

　☆ ＜pre＞ から ＜/pre＞ までを削除して下さい。　

　ｃ．水平線をもう１本、「平成維新の誓い」の下にも引きます。

　☆＜hr size="5" width="400" align="center" color="#008000"＞＜br＞＜br＞  を
　　コピーし「平成維新の誓い」本文の下の＜br＞＜br＞＜br＞の下に貼り付けます。

　ｄ．続けて、＜a href="kensyo.html"＞平成維新憲章＜/a＞ と入力します。

　☆リンクの設定には、＜a＞ を使い、属性の href でリンク先を指定します。リンク
　　したいページのファイル名を、””で挟んで、＝ でつなげます。

　☆＜/a＞の前の文字列が、リンクが設定された文字列です。リンクを設定した文字列
　　には、ＨＰの画面上では、アンダーラインが付きます。

　ｅ．上書き保存し、ＨＰを更新し、「平成維新憲章」の文字をクリックして、画面が
　　　「平成維新憲章」のページに変わることを確認して下さい。



３．「生活者主権の会のＨＰ」とのリンクを設定します。

　ａ．続けて、 ＜a href="http://homepage3.nifty.com/ne/se" target="_blank"＞
　　　生活者主権の会ＨＰ＜/a＞ と入力します。

　☆ＨＰにリンクするときは、ファイル名の代わりに、ＨＰのアドレスを入れます。

　☆リンク先を別ウィンドウで表示させるためには、属性の target を使います。
　　これを _blank で指定すると、リンク先は別のウィンドウで表示されます。

　ｂ． ＜a href="http://homepage3.nifty.com/ne/se/syukennokai-towa.html"
　　　 target="_blank"＞生活者主権の会とは＜/a＞ と続けて入力します。

　☆ＨＰの最初のページでなく、特定のページにリンクさせたいときには、ＨＰのアド
　　レスに続けて、/ で区切り、そのページのファイル名を入力します。なお、リンク
　　フリーのＨＰでも、リンクする先をトップページに限定している場合がありますの
　　でご注意下さい。　

　ｃ．上書き保存し、ＨＰを更新し、「生活者主権の会のＨＰ」や「生活者主権の会と
　　　は」の文字をクリックして新たなウィンドウが開き、「生活者主権の会のＨＰ」
　　　等が表示されることを確認して下さい。


　《委員会ＨＰ・第２回学習会−その６の完成ＨＰの画面と同じになればＯＫです。》

　　　　　　　↓

◎これで第６回目は終了です。

　　　　　　　　　　　　　　　　　　　　　　　　　　　第２回学習会【その７】へ

　　　　　　　　　　　　　　　　　　　　　　　　　　　第２回学習会　目次へ