作り方の最終回です。2回かよ。(笑)
準備ができたら、エディタ(メモ帳など)で「link.html」を開きます。11行目に「アンカータグ(リンク)」が書いてあります。これを「コピー&ペースト」で下の行に複写してください。
<a href="http://www.google.co.jp/" id="a">Google</a>
href=".." ..にURL(http://)を書きます。
id=".." ..にHTML内のID(全部違う名前)を書きます。
Google にリンクでブラウザに表示される文字を書きます。
ここでは、12行目に「Yahoo!」へのリンクを作ります。
<a xhref="http://www.google.co.jp/" id="a">Google</a>
<a href="http://www.yahoo.co.jp/" id="b">Yahoo!</a>
12行目を「Yahoo!」に書き換えたら、ファイルを保存してください。ブラウザの「メニューバー→ファイル→ファイルを開く」で「link.html」をブラウザに表示します。ウインドウ内で左ボタンをクリックして、オートスキャンの動作確認をしてください。同じ操作で、リンクを増やします。作り方はおしまい。すぐ。
次回は、飾り付け(CSS)を書きますので、リンクは2個のままにしてください。練習する場合は、「link.html」をファイル複写して遊んでください。
えほんのスイッチ:2個リンク
http://step-scan.la.coocan.jp/mobile/link_1.html