リンクの貼り方など
ここでは簡単な別のページの作り方や、
リンクの貼り方について書いて行きます。
マイドキュメント内にｈｐと言うホルダを作ったと想いますが、
そのホルダ内にもう一つ作業ホルダと言うホルダを作ります。
「ここは名前の通り様々な作業に用います。」
前にｈｐと言うホルダ内に作ったトップページである、
index.htmlと言うファイルを、
コピーして作業ホルダへ保存します。
そのファイル名を貴方がリンクしたい別のページの名前に、
変更をして下さい。「リサイクルするためです。」
例えばmusicとかsportsと言う名前にします。
「ファイル名は半角の英数字にする必要があります。」
musicと名前を変えたファイルを、
メモ帳で開きます。
head内のtitleをmusicと書き換えます。
body内の文章を音楽関連の物に書き換えます。
この時に文章以外は変更しないでください。
「ひな形を二次使用するためです」
そうしたら取りあえず上書き保存して終了してください。
次にまたまたindex.htmlと言うファイルをコピーして
上記の作業でしたみたいにこんどはsportsと言うファイルに返信させます。
今までの作業で作業ホルダ内に作った、
musicというファイルとsportsというファイルを、
切り取ってｈｐと言うホルダへ戻します。
リンクについて
ここからは貴方のトップページから、
貴女の他のページや、
同一ページへのリンクの貼り方を書きます。
index.htmlと言うファイルをメモ帳で開きます。
bodyの中「文章のしたの辺りに」
下の例のようにリンクタグを書きます。
トップページから音楽と言うページを開く例。
<a href="/music">音楽のページへ</a>
同じようにトップページからsportsと言うファイルを開く例
<a href="/sports">スポーツのページへ</a>
次にindexと違うホルダに在るファイルを開こうとする例を書きます。
例えばdataと言うホルダのmidiと言うファイルを開く例
<a href="data/midi">ミディのページへ</a>
上記のように同一ホルダ以外のファイルを開く場合は、
ホルダ名を書いてその後に/を書いてからファイル名を書きます。
同一ページへのリンク
例えば詩のページを作るとします。
一つのページに１０タイトルの詩を書くとします。
読みたい詩を探しやすいように、
それぞれの詩にリンクを貼ることが出来ます。
例えば春 夏 秋 冬 と言う詩があるとします。
それぞれの詩のタイトルに、
アンカータグと呼ばれるタグを、
以下のように書く必要があります。
<A NAME="a">春の詩</A>
<A NAME="b">夏の詩</A>
<A NAME="c">秋の詩</A>
<A NAME="d">冬の詩</A>
春の詩を開くリンクの書き方は以下の通りです。
<A HREF="#a">春の詩</A>
同じように冬の詩を開く場合は以下の通りです。
<A HREF="#d">冬の詩</A>
次いでに別ウインドーで表示させるリンクの書き方を示します。
<a target="_blank" href="ここに開くURLを書きます">ここに開くページのタイトルを書きます「別ウインドーで表示」</a>
これでようやくホームページらしく成って来ましたね。
もう少し頑張りましょう。
次へ
戻る
ホームへ
メールは、こちらからどうぞ!
copyright (c) tomy. all rights reserved.