HTMLリンク

ネットワーク上の別のドキュメントに接続されたハイパーリンクのHTMLを使用。 ほとんどすべてのページへのリンクを見つけることができます。 1ページから別のページにジャンプするリンクをクリックしてください。


例

試してみてください - 例

HTMLリンク
HTMLドキュメント内のリンクを作成する方法。

(このページの下部にあるより多くの例を見つけることができます)


HTMLのハイパーリンク(リンク)

HTMLはタグがハイパーリンクを設定することを<a>使用しています。

ハイパーリンクは、単語、単語、または単語のグループすることができ、それがイメージすることができ、新しいドキュメントまたは現在のドキュメントのセクションにジャンプするには、これらをクリックすることができます。

あなたは、Webページ、小さな手に矢印の変更にリンクにマウスポインタを移動すると。

リンクアドレスを記述するためにhref属性の<a>タグを使用します。

デフォルトでは、リンクはブラウザの形で表示されます。

  • 未訪問リンクは青のフォントで表示され、強調しました。
  • 訪問済みリンクは紫と強調しました。
  • リンクをクリックし、リンクは赤色で表示され、下線が引かれています。

注:これらのハイパーリンクのCSSスタイルを設定した場合は、CSSスタイルに応じて設定画面を表示します。


HTMLリンク構文

リンクHTMLコードは非常に簡単です。 それは、このようなものです::

<ahref=" URL ">リンクテキスト</a>の

href属性は、リンクのターゲットを説明しています。 。

<aこのチュートリアル</a>をご覧href="http://www.w3write.com/">

上記のコード行は次のように表示され:: このチュートリアルをご覧ください。

ハイパーリンクをクリックしてチュートリアルページにユーザーを取ります。

ヒント:「 リンク・テキストは、「テキストである必要はありません。画像や他のHTML要素をリンクすることができます。


HTMLリンク - ターゲットプロパティ

あなたがリンクされている文書がどこに表示されて定義することができ、ターゲット属性を使用します。

下の行は、新しいウィンドウでドキュメントを開きます:

<A href = "http://www.w3write.com/" ターゲット = "_blank"> このチュートリアルをご覧ください!</ A>

»をお試しください


HTML接続 - id属性

id属性は、ブックマークHTMLドキュメントを作成するために使用することができます。

ヒント:ブックマークをHTML文書に、特別な方法で表示されていないが表示されていないので、読者は非表示になります。

IDは、HTMLドキュメントに挿入されます。

<a id="tips">役立つヒントセクションします</a>

HTML文書で「役に立つヒントセクション(ID = "ヒント")」へのリンクを作成します。

<a href="#tips">アクセス役立つヒントセクション</a>には、

または、別のページから「役に立つヒントセクション(ID = "ヒント")」へのリンクを作成します。

<a href="http://www.w3write.com/html/html-links#tips">
アクセス便利なヒントセクションします</a>


基本的な予防策 - 役に立つヒント

注:必ず、サブフォルダにスラッシュを追加します。そうリンク書き込む場合:のhref =の "http://www.w3write.com/html」、サーバへの二回のHTTPリクエストを生成します。 href = "http://www.w3write.com/html/":サーバーはアドレスにスラッシュを追加し、このような新しい要求を作成するためです。


例

より多くの例

写真Link
画像リンクを使用する方法。

指定された場所に現在のページのリンクで
ブックマークを使用する方法

ボックスの外側
この例では、あなたのページはフレームワーク内に固定されている場合、フレームの外にジャンプする方法を示しています。

電子メールのリンクを作成
どのようにこの例では、メッセージをリンクする方法を示しています。 (このケースでは、メールクライアントをインストールした後に動作するように。)

内蔵電子メールのリンク2
この例では、より複雑な電子メールのリンクを示しています。


HTMLリンクタグ

ラベル 説明
<A> ハイパーリンクを定義します。