HTML でハイパーリンク タグを使用するチュートリアル

ウェブサイトのさまざまな HTML ドキュメントはハイパーリンクを通じて相互に接続され、一貫性のあるウェブサイトを形成します。ユーザーはハイパーリンクをクリックして、閲覧したいページにジャンプできます。したがって、ハイパーリンクはどの Web サイトでも見られ、Web サイトを接続して全体を形成する中核コンポーネントです。

アンカーポイントの配置
HTML ハイパーリンクは、アンカーとしての <a> タグによってトリガーされます。アンカーにはキャリアが必要です。キャリアはテキスト、単語、文、または画像や図形にすることができます。マウスをアンカーポイントのあるキャリアに移動すると、マウスが小さな手の形に変わり、ユーザーがクリックできることを示します。ユーザーがアンカーポイントをクリックすると、<a> タグ内の href に対応するアドレスにジャンプします。

ジャンプ属性の使用
HTML リンクでは、href 属性を使用して、別のドキュメントを指すリンクを作成できます。これは通常、ページジャンプに使用されます。これは非常に一般的なことなので、詳しく説明しません。
name 属性を使用してドキュメント内にブックマークを作成し、ハイパーリンクがドキュメント内のページの特定の部分にジャンプできるようにします。たとえば、<a name=”dian1″></a> と設定すると、ページの中央に配置されます。次に、ページ ヘッダーに <a href=”#dian1″>ページの中央にジャンプ</a> アンカー ポイントを設定します。ユーザーがページ ヘッダーのこのアンカー ポイントをクリックすると、ページがスクロールして、ページの中央にある名前ブックマークの場所にジャンプします。

HTMLリンク構文
HTML リンク コードの使い方は非常に簡単です。例えば：

href属性はジャンプ先を設定するために使用され、開始タグと終了タグの間のテキストがハイパーリンクとして表示されます。

HTMLリンクのターゲット属性
target 属性を使用すると、アンカー テキストをクリックした後にページがどのように開かれるかを設定できます。特別なドキュメント リダイレクト アクションとして使用するために予約されているターゲット名が 4 つあります。
_空白
ブラウザは常に、新しく開いた名前のないウィンドウにターゲット ドキュメントを読み込みます。
_自己
このターゲット値は、ターゲットを指定しないすべての <a> タグのデフォルトのターゲットであり、これにより、ターゲット ドキュメントが読み込まれ、ソース ドキュメントと同じフレームまたはウィンドウに表示されます。このターゲットは、ドキュメント ヘッダー <base> タグのターゲット属性と組み合わせて使用​​しない限り、冗長であり不要です。
_親
このターゲットにより、ハイパーリンクによって参照されるフレームを含む親ウィンドウまたはフレームセットにドキュメントが読み込まれます。この参照がウィンドウ内または最上位フレーム内にある場合、target_self と同等になります。
_トップ
このターゲットにより、ハイパーリンクを含むウィンドウにドキュメントが読み込まれます。_top ターゲットを使用すると、含まれているすべてのフレームがクリアされ、ドキュメントがブラウザ ウィンドウ全体に読み込まれます。これは通常、iframe フレーム内のアンカーをクリックするために使用されます。ターゲット リンクは、iframe に読み込まれるのではなく、現在のページ上で直接開かれます。

HTMLリンクがデスクトップソフトウェアに電子メールの送信をトリガーする
href 属性に mailto: で始まるアドレスを追加し、対象のメールアドレスと組み合わせることで、ユーザーのコンピュータ上のデフォルトのメール管理ソフトウェアを直接呼び出し、内容を自動的に入力してメールを送信することができます。
この機能を備えたウェブサイトは数多くあります。メールアドレスをクリックするだけで、メール送信インターフェースがポップアップ表示されます。
電子メールのハイパーリンク コードは次のとおりです。

例えば：

その構文は主に以下の部分から構成されます
mailto: (メールの送信先) の後にメールアドレスを入力します。例: [email protected]
? (区切り文字)は、アドレスの後の対応するパラメータに続くために使用されます。
&; (パラメータコネクタ) 複数のパラメータを同時に設定する場合は、&記号を使用して区別し接続する必要があります。
cc=、bcc=（カーボンコピー）、その後にccする人のメールアドレスを入力します。例：[email protected]
subject= (メールの件名) に続いてメールの件名
body= (メールの内容) の後に必須のメールの内容が続く