HTMLにリンクを設定する方法

藏色散人
リリース: 2023-01-06 11:14:32
オリジナル
13095 人が閲覧しました

HTML では、「リンク テキスト」などの構文でタグ を使用してハイパーテキスト リンクを設定できます。単語、単語、単語のグループ、または画像。ユーザーはこれらのコンテンツをクリックして、新しいドキュメントまたは現在のドキュメントの特定の部分にジャンプできます。

HTMLにリンクを設定する方法

この記事の動作環境: Windows 7 システム、HTML5&&CSS3 バージョン、DELL G3 コンピューター

HTML では タグを使用しています。ハイパーテキストリンクを設定します。

ハイパーリンクには、単語、単語、単語のグループ、または画像を指定できます。これらのコンテンツをクリックすると、新しいドキュメントまたは現在のドキュメントの特定の部分にジャンプできます。

Web ページ上のリンク上にマウス ポインタを移動すると、矢印が小さな手に変わります。

href 属性は、タグ でリンク アドレスを記述するために使用されます。

デフォルトでは、リンクはブラウザに次のように表示されます:

  • 未訪問のリンクは青色のフォントと下線で表示されます。

  • 訪問したリンクは紫色で下線付きで表示されます。

  • リンクをクリックすると、赤く下線が引かれて表示されます。

注: これらのハイパーリンクに CSS スタイルが設定されている場合、表示スタイルは CSS 設定に従って表示されます。

HTML リンク構文

リンクの HTML コードは非常に単純です。次のようになります。

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

href 属性は、リンクのターゲットを記述します。 .

Example

<a href="https://www.php.cn/">访问PHP中文网</a>
ログイン後にコピー

上記のコード行は次のように表示されます: Visit PHP Chinese website

このハイパーリンクをクリックすると、ユーザーは次のように表示されます。 PHP中国語サイトのトップページへ。

ヒント: 「リンク テキスト」はテキストである必要はありません。画像やその他の HTML 要素をリンクにすることができます。

推奨される学習チュートリアル: html ビデオ チュートリアルcss ビデオ チュートリアル

以上がHTMLにリンクを設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート