HTML リンク
HTMLはハイパーリンクを使用してWeb上の別のドキュメントに接続します。ほとんどすべてのWebページにリンクがあります。リンクをクリックすると、あるページから別のページにジャンプします。
HTMLドキュメントにリンクを作成する方法。
(このページの下部で他の例を見つけることができます)
HTMLハイパーリンク(リンク)
HTMLはタグ<a>を使用してハイパーテキストリンクを設定します。
ハイパーリンクには、単語、単語、または単語のグループ、または画像を使用できます。これらのコンテンツをクリックすると、新しいドキュメントまたは現在のドキュメントの一部にジャンプできます。
マウスポインターをWebページ上のリンクの上に移動すると、矢印が小さな手に変わります。
href属性は、タグ<a>でリンクアドレスを説明するために使用されます。
デフォルトでは、リンクは次の形式でブラウザに表示されます。
- 未訪問のリンクは青いフォントで下線が引かれています。
- アクセスしたリンクは紫色で下線が引かれています。
- リンクをクリックすると、リンクが赤色で下線付きで表示されます。
注:これらのハイパーリンクにCSSスタイルが設定されている場合、表示スタイルはCSS設定に従って表示されます。
HTMLリンク構文
リンクのHTMLコードは単純です。次のようになります。
href属性は、リンクのターゲットを示します。。
例
このハイパーリンクをクリックすると、ユーザーは新人チュートリアルのホームページに移動します。
ヒント: 「リンクテキスト」はテキストである必要はありません。画像やその他のHTML要素はリンクになる可能性があります。
HTMLリンクターゲット属性
target属性を使用して、リンクされたドキュメントが表示される場所を定義できます。
次の行は、ドキュメントを新しいウィンドウで開きます。
例
HTMLリンクID属性
id属性を使用して、HTMLドキュメントにブックマークタグを作成できます。
ヒント:ブックマークは特別な方法で表示されず、HTMLドキュメントにも表示されないため、読者には表示されません。
例
HTMLドキュメントにIDを挿入:
HTMLドキュメントの「便利なヒントセクション(id = "tips")」へのリンクを作成します。
または、別のページから「便利なヒントセクション(id = "ヒント")」へのリンクを作成します。
役立つヒントセクションにアクセス</a>
基本的なメモ-役立つヒント
注:サブフォルダーには常にスラッシュを追加してください。次のようなリンクを記述すると、href = "https://www.runoob.com/html"の場合、サーバーに対して2つのHTTPリクエストが行われます。これは、サーバーがこのアドレスにスラッシュを追加してから、次のように新しいリクエストを作成するためです:href = "https://www.runoob.com/html/"。
HTMLリンクタグ
ラベル | 説明文 |
---|---|
<a> | ハイパーリンクを定義する |