Latest web development tutorials
×

HTML コース

HTML コース HTML 簡単な紹介 HTML エディタ HTML ファウンデーション HTML 要素 HTML プロパティ HTML 見出し HTML 段落 HTML テキストの書式設定 HTML リンク HTML ヘッド HTML CSS HTML 画像 HTML テーブル HTML リスト HTML ブロック HTML レイアウト HTML フォーム HTML フレーム HTML カラー HTML 色名 HTML カラー値 HTML スクリプト HTML 文字エンティティ HTML URL HTML クイックリスト HTML サマリー XHTML入門

HTML5

HTML5 コース HTML5 ブラウザのサポート HTML5 新要素 HTML5 Canvas HTML5 インライン SVG HTML5 MathML HTML5 ドラッグ・アンド・ドロップ HTML5 地理的な位置 HTML5 ビデオ(Video) HTML5 可聴周波数(Audio) HTML5 Input タイプ HTML5 フォーム要素 HTML5 フォームのプロパティ HTML5 セマンティック要素 HTML5 Web メモリ HTML5 Web SQL HTML5 アプリケーションキャッシュ HTML5 Web Workers HTML5 SSE HTML5 WebSocket HTML5 クイズ HTML(5)コードの仕様

HTML メディア

HTML メディア(Media) HTML ウィジェット HTML 可聴周波数(Audio) HTML ビデオプレーヤー(Videos) HTML 例

HTML リファレンスマニュアル

HTML タグリスト(アルファベット順に) HTML タグリスト(ソート機能) HTML プロパティ HTML イベント HTML キャンバス HTML 可聴周波数/ビデオ HTML 効果的な DOCTYPES HTML 色名 HTML カラーピッカー HTML 文字セット HTML ASCII HTML ISO-8859-1 HTML シンボル HTML URL コーディング HTML 言語コード HTTP ニュース HTTP ウェイ キーボードショートカット

HTMLリンク

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


例

試してみてください - 例

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

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


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

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

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

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

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

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

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

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


HTMLリンク構文

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

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

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

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

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

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

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


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

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

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

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


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

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


例

より多くの例

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

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

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

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

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


HTMLリンクタグ

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