リンク (ハイパーリンク) を作成する - Aタグの利用 - HTML

HTMLページで他のページとリンクするハイパーリンクを作成、記述方法を紹介します。

概要

HTMLページ(ハイパーテキスト)では別のページを参照するためのリンク(ハイパーリンク)を設置できます。 HTMLでリンクを作成するにはAタグを利用して記述します。

書式

<a href="(リンク先URL、またはパス)">(ハイパーリンクの文字列)</a>

記述例

<a href="https://www.ipentec.com">ipentecへのリンクです。</a>

実装例

HTMLファイル

以下のHTMLファイルを作成します。3つのリンクがあるページです。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>
  <h3>リンクのデモ</h3>
  <a href="https://www.ipentec.com">iPentec へのリンクです。</a><br />
  <a href="https://www.ipentec.com/utils/WebTextUtility/ReplaceText">置換ツールへのリンクです。</a><br />
  <a href="https://www.ipentec.com/utils/EasingCurveVisualizer/ElasticBounce">Easing Curve Visualizer へのリンクです。</a><br />
</body>
</html>