<a href=(URL)>:ハイパーリンクを張る
(URL)はリンク先のURLを指定します。
フルパスまたは相対パスを指定できます。
画像の時と同様
そのhtmlがあるディレクトリを基準にして指定します。
※<base href=>で指定した場合は変わります。
では、実際にやってみましょう!
4-1.html から 4-2.html へリンクを張ってみましょう!
※例では相対パスを用います。
※つまり2つのhtml文書が同じディレクトリにある場合です。
<a href="4-2.html">4-2.htmlへ飛びます</a>
と指定します。
SRC=4-1.html
SRC=4-2.html
こんな感じ(4-1.html)です。
ちゃんとリンクが張れたでしょうか?
|
ポイント
|
相対パスで指定するとローカルでHomePageが 作りやすい!
|
画像のところでも書きましたが、
HomePage を作っていく場合に相対パスで指定した方が
ローカルでテストが出来るので便利です。かつ経済的です。
当然、リンク集や複数のサーバに渡ってHomePage を作成する場合は
フルパス指定しないとリンクが張れないので注意してください。
|
(2) 画像にリンクを張りたい
|
これは簡単です。
<a href=(URL)>タグのURLに
画像ファイルを指定すればOKです。
例えば、
<a href="img/4-1.gif">ある日の一コマ</a>
とすればOKです。
SRC=4-3.html
こんな感じです。
また小さいサイズの画像を用意してこんなことも出来ます。
SRC=4-4.html
こんな感じです。
つまり<a href=(URL)>〜</a>タグで
<img>タグを挟みこんで、画像にリンクを張ったわけです。
これはデジカメで撮った画像のアルバムとかを作る時に便利ですね。
|
ポイント
|
他人のホームページの画像とかに 勝手にリンクを張るのはやめましょう!
|
やろうと思えば可能なことなんですが
マナーとしてそういうことはやめましょう!
やる場合は
そのホームページの管理人の許可を得てやりましょう!
ホームページにリンクを張る場合も
了解を得た方が良いでしょう!
|
(3) ウィンドウを開いて飛びたい?
|
つまり、新しいウィンドウを開いて
リンク先に飛ぶってことですよね?
それは
<a href=URL>〜</a>タグのオプションで可能です。
新しいウィンドウを開かせる場合はこちら
|
<a href=(URL) target="_blank">
例)
<a href="4-5.html" target="_blank">新しいウィンドウを開きます</a>
新しいウィンドウを開きます
また、今開いてるウィンドウで開く場合はこちら
|
<a href=(URL) target="_top">
例)
<a href="4-6.html" target="_top">このウィンドウを開きます</a>
このウィンドウで開きます
これはフレーム等を使ってる場合なんかは便利です。
が、今のところ、この講座でフレームに関して触れる予定はありませんので
記憶の片隅にでも置いといてください。
|
(4) メールのリンクを作りたい。
|
よくホームページの一番下のところに
メールはこちらまで:go-a-head@nifty.com
っての見たことありますよね?
これは
|
<a href="mailto:(メールアドレス)>:メールの送信リンク
でリンクを作成しています。
例えば、僕の場合は
E-mailアドレスは go-a-head@nifty.com だから
<a href="mailto:go-a-head@nifty.com">お便りはこちら</a>
って感じで書きます。
↓こうなります。
お便りはこちら
|
ポイント
|
リンクをうまく利用して楽しいHPを作りましょう!
|
今回のリンクをHPに取り入れれば、
自分のページだけでなく
友達のページのリンク集なんかが作れるようになるでしょう!
マナーを守りつつHPを発展させていきましょう!
例えば
てな感じで友達のリンクを増やしていくのもいいでしょう!
| | | |