HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLページにページリンクを作成する方法｜aタグの使い方を解説

HTMLを使えば、ページリンクをとても簡単に追加できます。「お問い合わせ」「会社概要」「ホーム」など、サイト内の任意のページへのリンクはもちろん、外部ウェブサイトへのリンクも、HTMLドキュメント内に自由に設置できます。

ページリンクを作る基本のタグ

HTMLページにリンクを作成するには、<a>タグと</a>タグを使用します。この2つが、リンクを定義するための専用タグです。

<a>タグがリンクの開始位置を示し、</a>タグが終了位置を示します。この2つのタグの間に記述したテキストは、すべてクリック可能なリンクとして機能します。

リンク先のURLは、開始タグのhref属性である<a href=" ">の中に指定します。ダブルクォーテーションで囲む点に注意しましょう。

また、<a>...</a>タグは必ず<body>...</body>タグの中に記述してください。これはHTMLの文法上のルールであり、守らないと正しく表示されない場合があります。

コード例

以下のコードを実行すると、HTMLページにページリンクを作成できます。

<!DOCTYPE html>
<html>
   <head>
      <title>HTML Links</title>
   </head>

   <body>
      <h1>Reach us here</h1>
      <a href="https://www.tutorialspoint.com/about/contact_us.htm">Contact</a>
   </body>
</html>

表示結果

このコードをブラウザで開くと、「Contact」というテキストがリンクとして画面に表示されます。テキストをクリックすると、href属性で指定したURLのページへ移動します。

このように、aタグとhref属性を組み合わせるだけで、誰でも簡単にページ間をつなぐリンクを作成できます。ナビゲーションメニューや関連記事への誘導など、Webサイト制作のあらゆる場面で活用される基本技術なので、ぜひ覚えておきましょう。

  1. HTMLページからリダイレクトする方法を解説！metaタグの使い方

    ページリダイレクトとは？ ページリダイレクトとは、あるURLをクリックしてページXにアクセスしたにもかかわらず、内部的に別のページYへ自動的に転送される仕組みのことです。サイトの移転やURLの変更、メンテナンス中の一時的な誘導など、さまざまな場面で活用されています。 HTMLページでリダイレクトする基本：METAタグを使う HTMLページから別のページへリダイレクトさせるには、<meta>タグを使用します。<head>内に記述したmetaタグのhttp-equiv属性でHTTPヘッダーに相当する値を指定し、content属性で転送までの待機秒数と転送先URLを設定しま

  2. HTMLリンク（ハイパーリンク）の基本！aタグの構文とtarget属性の使い方を解説

    HTMLのリンク（ハイパーリンク）とは、クリックすると別のドキュメントへジャンプできる要素のことです。Webページ同士をつなぐ役割を担っており、HTMLにおいて最も重要な機能の一つといえます。基本構文HTMLリンクは、<a>タグを使って以下のように記述します。<a href=URL target=値>リンクテキスト</a>href属性には、リンク先のアドレス（URL）を指定します。ローカルファイルへのパスでも、外部サイトのURLでも指定可能です。また、target属性は、リンク先のドキュメントをどこに開くかを指定する属性で、以下の4つの値を設定できます。値説