ホームページ作成　４．リンク

目指せ！ネットで月収１万円！

http://kenken.nce.buttobi.net/

menu

■収入状況

お得情報

■オンラインショッピング

バナー広告

１.準備

２.文字　

３.画像　

４.リンク　

５.レイアウト　

６.テーブル　

７.フレーム　

８.アップロード　

９.スタイルシート　

10.タグ一覧　

11.無料サーバ　

４．リンク

(1)まずリンクさせたい文字を書きます。（又は画像をおきます）

例：トップに飛びます

(2)(1)で書いた文字（又は画像）を次のようにタグで囲みます。

例：	<a href=".html">トップに飛びます</a>*

***.htmlの部分はどこに飛んでいくかを書きます。
ここにYahooのアドレスを書けばYahooにリンクできます。
例：<a href="http://yahoo.co.jp">Yahoo</a>→Yahoo

ここで小技をいくつか紹介します。

小技(1)リンク先を別のウィンドウで表示する。

上の文では意味が分からないと思うので次の２つのリンクを押してみて違いを確認してください。

普通のリンク   別のウィンドウで表示

別のウィンドウで表示するやり方は、下のようにtarget="blank"を加えるだけです。

<a href="***.html" target="blank">別のウィンドウで表示</a>

小技(2)リンクの色を変える。

最初のほうに書いた<body>に下のように少し手を加えるだけです。
****のところには色を書きます。
linkは未アクセスのリンク、vlinkはアクセス済みのリンク、alinkはリンクを押した時の色です。