ホームページ ウェブフロントエンド htmlチュートリアル HTMLでのハイパーリンクタグの説明

HTMLでのハイパーリンクタグの説明

May 04, 2017 am 11:01 AM
html ハイパーリンク

この記事では、HTML での ハイパーリンク タグの使用方法に関するチュートリアルを主に紹介します。これには、電子メール リンクの使用方法も含まれます。必要な場合は、相互に接続されている Web サイトの

HTML ドキュメント を参照できます。ハイパーリンクを使用して、一貫した Web サイトを形成します。ユーザーはハイパーリンクをクリックすると、閲覧したいページにジャンプできます。したがって、ハイパーリンクはどの Web サイトでも見ることができ、Web サイトを接続して全体を形成するための中心的なコンポーネントです。

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

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

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

XML/HTMLコードコンテンツをクリップボードにコピー

  1. <a href=”url”>
    锚文本链接
    </a>
    ログイン後にコピー

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

HTMLリンクのtarget属性
target属性は、アンカーテキストをクリックした後にページを開く方法を設定できます。特別なドキュメント リダイレクト操作に使用される 4 つの予約されたターゲット名があります:
_blank
ブラウザは常に、新しく開かれた名前のないウィンドウにターゲット ドキュメントをロードします。
_self
このターゲットの値は、ターゲットを指定しないすべての タグのデフォルトのターゲットであり、ターゲット ドキュメントがロードされ、ソース ドキュメントと同じ フレーム またはウィンドウに表示されます。このターゲットは、ドキュメント タイトルの タグの target 属性と組み合わせて使用​​しない限り、冗長であり不要です。
_parent
このターゲットにより、ドキュメントが親ウィンドウ、またはハイパーリンク 参照 のフレームを含むフレームセットに読み込まれます。この参照がウィンドウ内またはトップレベルのフレーム内にある場合、それは target _self と同等です。
_top
このゴールにより、ハイパーリンクを含むウィンドウにドキュメントが読み込まれます。_top ゴールを使用すると、含まれているフレームがすべてクリアされ、ドキュメントがブラウザ ウィンドウ全体に読み込まれます。通常、iframe フレーム内のアンカー ポイントをクリックするために使用され、ターゲット リンクは iframe に読み込まれるのではなく、現在のページで直接開かれます。

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

XML/HTML コードコンテンツをクリップボードにコピーします

  1. <a href=
    "mailto:email地址">
    EMAIL
    </a>
    ログイン後にコピー

例:

XML/HTML コードコンテンツをクリップボードにコピーします

  1. <a href=
    "mailto:admin@myxzy.com">
    站长邮箱
    </a>
    ログイン後にコピー

注: アドレスが直接公開されるため、このメールのハイパーリンクは使用しないことをお勧めします。
この admin@myxzy.com メール アドレスは、私がここにアドレスを書いたため、毎日スパムを受け取ります。
ハイパーリンクを作成せずにメールアドレスを表示したい場合でも、WebサイトやWebページにテキストで直接記載しないでください。アドレスを表すには画像やその他の方法を使用できます:

XML/ HTML コードコンテンツをクリップボードにコピーします

  1. <a href=
    "Mailto:ghsau@163.com?CC=ghsau@163.com&BCC=ghsau@163.com&Subject=Hello&Body=你好">
    给我发邮件
    </a>
    ログイン後にコピー

其语法主要由以下几个部分组成
mailto: (发送邮件到) 后面跟随邮箱地址,例如:my@frontopen.com
? (分隔符)用于在地址后面跟随相应的参数
&;  (参数连接符)同时设置多个参数时,需要用&符号进行区分连接
cc= 、 bcc=(抄送),后面跟随需要抄送人的邮箱地址,例如:my@frontopen.com
subject=  (邮件主题)后面跟随你的邮件主题
body= (邮件内容)后面跟随需要的邮件内容

以上がHTMLでのハイパーリンクタグの説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

HTMLの表の境界線 HTMLの表の境界線 Sep 04, 2024 pm 04:49 PM

HTML の表の境界線に関するガイド。ここでは、HTML でのテーブルの境界線の例を示しながら、テーブル境界線を定義する複数の方法について説明します。

HTML 左マージン HTML 左マージン Sep 04, 2024 pm 04:48 PM

HTML マージン左のガイド。ここでは、HTML margin-left の概要とその例、およびそのコード実装について説明します。

HTML のネストされたテーブル HTML のネストされたテーブル Sep 04, 2024 pm 04:49 PM

これは、HTML でのネストされたテーブルのガイドです。ここでは、テーブル内にテーブルを作成する方法をそれぞれの例とともに説明します。

HTML テーブルのレイアウト HTML テーブルのレイアウト Sep 04, 2024 pm 04:54 PM

HTML テーブル レイアウトのガイド。ここでは、HTML テーブル レイアウトの値と例および出力について詳しく説明します。

HTML入力プレースホルダー HTML入力プレースホルダー Sep 04, 2024 pm 04:54 PM

HTML 入力プレースホルダーのガイド。ここでは、コードと出力とともに HTML 入力プレースホルダーの例について説明します。

HTML 順序付きリスト HTML 順序付きリスト Sep 04, 2024 pm 04:43 PM

HTML 順序付きリストのガイド。ここでは、HTML 順序付きリストと型の導入とその例についても説明します。

HTML 内のテキストの移動 HTML 内のテキストの移動 Sep 04, 2024 pm 04:45 PM

HTML でのテキストの移動に関するガイド。ここでは、概要、マーキー タグが構文でどのように機能するか、および実装例について説明します。

HTML の onclick ボタン HTML の onclick ボタン Sep 04, 2024 pm 04:49 PM

HTML オンクリック ボタンのガイド。ここでは、それらの紹介、動作、例、およびさまざまなイベントでの onclick イベントについてそれぞれ説明します。

See all articles