ホームページ > ウェブフロントエンド > htmlチュートリアル > HTMLに外部リンクを追加する方法

HTMLに外部リンクを追加する方法

下次还敢
リリース: 2024-04-11 06:32:44
オリジナル
785 人が閲覧しました

HTML に外部リンクを追加する方法

外部リンクは、現在の Web ページの外部にある Web ページまたはファイルへのリンクです。 HTML に外部リンクを追加するのは非常に簡単で、具体的な手順は次のとおりです:

1. タグを使用します

外部リンクを作成するには、# を使用します。 ## タグ。このタグには次の属性が含まれます。

  • href: リンクのターゲット URL を指定します。
  • target: リンクが開く場所 (新しいタブまたは現在のページなど) を指定します。

2. リンク テキスト

タグの内容は、ユーザーがクリックしたときに表示されるクリック可能なテキストであるリンク テキストになります。 。単語、フレーズ、または画像として使用できます。

3. 例

新しいタブで開く google.com へのリンクを作成するには、コードは次のとおりです:

<code class="html"><a href="https://www.google.com" target="_blank">Google</a></code>
ログイン後にコピー

4 . target 属性の使用

target 属性を使用すると、リンクを開く場所を指定できます。一般的な目標は次のとおりです。

  • _blank: リンクを新しいタブで開きます。
  • _self: 現在のページのリンクを開きます (デフォルト)。
  • _parent: 親フレーム内のリンクを開きます。
  • _top: ブラウザのトップレベル ウィンドウでリンクを開きます。

5. 画像リンクの追加

画像をリンクとして使用することもできます。画像リンクを作成するには、 タグを使用し、その src 属性を画像の URL に設定し、その href 属性をターゲット URL に設定します。

<code class="html"><a href="https://www.google.com" target="_blank">
  <img src="google_logo.png" alt="Google" width="200" height="60">
</a></code>
ログイン後にコピー

ヒント:

    ターゲット URL が正しいことを確認してください。
  • target 属性を正しく使用して、リンクの動作を制御します。
  • ユーザー エクスペリエンスと SEO を向上させるために、説明的なリンク テキストを使用します。

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

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