リンクタグ <a href="リンク先">|HTML辞典|HTMLタグ・CSS

HomeHTML辞典リンクタグ <a href="リンク先">
サイト内検索

リンクタグ <a href="リンク先">

リンクをする
タグ <a href="リンク先">リンク用文字</a>
見本 <a href="http://www.yahoo.co.jp/">リンク用文字</a>
結果 リンク用文字
見本 <a href="sakusei_html.html">リンク用文字</a>
結果リンク用文字
解説 <a href="リンク先"> の 「リンク先」 の部分にリンク先のアドレス、もしくはファイル名などを指定するとそのページに移動することができます。自分のサイトであればファイル名だけでリンクが可能です。
<a href="リンク先"> 〜 </a> で囲まれている部分の文字がリンク用文字になります。この文字をクリックすることで、指定ページへ移動することができます。
一番上の見本の「結果」をクリックするとyahooのホームページに行きます。 これは 「リンク先」 の所に 「http://www.yahoo.co.jp/」 とyhooのホームページアドレスを入れたからです。
自分のサイトの違うページに行くときはファイル名「○○○.html」と記入します。「○○○」はファイル名で「.html」は種類(拡張子)です。htmlがついていればホームページのファイルという事になります。
ターゲットを指定する(リンク先を開く方法)
タグ <a href="リンク先" target="★">リンク用文字</a>
通常 リンク用文字
見本 <a href="http://www.yahoo.co.jp/" target="_blank">リンク用文字</a>
結果 リンク用文字
解説 ★の部分に 色 を指定します。 指定方法は下記にあげた方法があります。
  • _blank」 新しいウィンドウ(タブ)でページを開く。
  • _top」 フレーム分けをしていても全体画面でページ移動。
  • フレーム名分割フレーム内側フレーム で指定した名前のフレームに反映させる。
リンクをクリックしたときの移動の仕方を指定することができます。
サイト内のページをフォルダで分けている場合
解説

もし、自分のサイトの移動先のページが、上の階層のフォルダか下の階層のフォルダの場合は下記のように指定する必要があります。対象のファイルから移動先のファイルまでの指定をする 「相対値」 と、アドレスをそのまま指定する 「絶対値」 の2通りの方法があります。

■相対値で違うフォルダ内のページを指定する場合
  • 同じフォルダにあるページへリンクする場合
    <a href="ファイル名.html">リンク用文字</a>
  • 上のフォルダの場合
    1つ上の階層にあるページへ行く場合
    <a href="../ファイル名.html">リンク用文字</a>
    2つ上の階層にあるページへ行く場合
    <a href="../../ファイル名.html">リンク用文字</a>
  • 下のフォルダの場合
    1つ下の○○というフォルダにあるページへ行く場合
    <a href="./○○/ファイル名.html">リンク用文字</a>
    2つ下の△△というフォルダにあるページへ行く場合
    <a href="./○○/△△/ファイル名.html">リンク用文字</a>
  • 違う階層のフォルダへ行く場合
    1つ上のフォルダの下にある△△というフォルダ内のページへ行く場合
    <a href="../△△/ファイル名.html">リンク用文字</a>
    2つ上のフォルダの下にある△△のさらに下の□□内のページへ行く場合
    <a href="../../△△/□□/ファイル名.html">リンク用文字</a>
■絶対値で違うフォルダ内のページを指定する場合
  • 絶対値でページへリンクする場合
    アドレスで指定ページまでを書きます
    <a href="http://hp-sozai.net/ファイル名.html">リンク用文字</a>
    ○○というフォルダ内のページへ行く場合
    <a href="http://hp-sozai.net/○○/ファイル名.html">リンク用文字</a>
    ○○というフォルダ下の△△というフォルダ内のページへ行く場合
    <a href="http://hp-sozai.net/○○/△△/ファイル名.html">リンク用文字</a>


練習用書き込みフォーム(サンプル表示)


素材の森 素材NAVI 素材R 素材・壁紙 イラスト素材 素材・作成 素材ランキング 無料素材リンク 素材ファン
無料HP素材、ホームページテンプレート、HTMLタグ・CSS、質問・用語の検索 サイト内検索
素材ランキング 素材NAVI 素材の森 素材サーチ フリー素材 素材・画像 素材・壁紙 素材R Webランキング