これがわからないと始まらない、リンクの方法についてです。文字や画像をクリックすると、次のページに飛んだりする 素敵で便利な技のことです。
文字や画像にリンクをつける場合、<a> の要素を使います。ただ、これだけではどこにも飛べませんので、href 属性と属性値をつけて 別のページに飛ばします。実際に書くと下の例のようになります。
URLって言うのは、表示させるペ−ジのアドレスの事ね。例えば、プロフィ−ルのペ−ジへリンクさせたい！って思って、 profile.htmlというペ−ジを作って保存したとしましょう。そーしたら、リンクのタグは次のようになります。
こうやって書くと、「プロフィ−ル」という文字にリンクが貼られて、profile.htmlというペ−ジに飛びますよ−って指定されたわけ。
上で指定した方法だと、リンクは同じページに出てくることになります。別のウィンドウに開きたい場合なんかには ターゲット指定が必要です。ターゲット指定は、a の要素に target 属性をつけ、更に以下のどれかの値をつけます。
新しいウィンドウを開いてリンク先を表示させたい場合のタグを実際に書いてみると、下のようになります。
で、プロフィ−ルのペ−ジを新しいウィンドウでリンクさせたい！と仮定してタグを書いてみると、下のようになります。
これで今度は、「プロフィ−ル」という文字にリンクが貼られて、profile.htmlというペ−ジに新しい窓で飛びますよ−って 指定されたわけ。
フレ−ムペ−ジを作った場合のリンクもこのタ−ゲット指定で、target="フレ−ム名" にすれば良いだけなので簡単簡単♪
リンクや画像って、基本タグのどの場所に入れるんだろう？という事ですが、これらはしっかりブラウザに表示させたいものですよね？ つまりは、<body>〜</body>の間という事になります。だいたいわかってきました？