HTML設定リンク

HTML (Hypertext Markup Language) は、Web ページの作成に使用されるマークアップ言語です。ハイパーリンクは、別のドキュメントまたはページに接続するマークアップです。この記事ではHTMLにハイパーリンクを設定する方法を解説します。

ハイパーリンクは、 タグを使用して HTML で作成されます。このタグには、href と text という 2 つの主要な属性が含まれています。 href 属性はリンクのターゲット URL を指定し、text 属性はユーザーがクリックした後に表示されるクリック可能なテキストです。

1. ベース リンクの設定

HTML ページにリンクを作成するには、 タグを使用してリンクのターゲット URL を指定する必要があります。例:

ここをクリックして Example.com にアクセスします

このコード行は、ユーザーがアクセスしたときに「ここをクリックして Example.com にアクセスしてください」というテキストを作成します。テキストをクリックすると、ユーザーは Example.com に移動します。

リンク テキストには任意のテキストを使用できますが、必ずしも完全な URL である必要はありません。たとえば、上の例では、「ここをクリックして Example.com にアクセスします」がテキストで、「http://www.example.com」がリンクです。

2. 新しいウィンドウを開くリンク

通常、ハイパーリンクは、現在のブラウザ ウィンドウまたはタブでターゲット URL を開きます。ただし、新しいブラウザ ウィンドウまたはタブでリンクを開く必要がある場合があります。これを行うには、target 属性を使用します。例:

Visit Example.com in a new window

このコード行は、「Visit Example.com in a new window」を表示するテキストを作成します。ユーザーがテキストをクリックすると、新しいブラウザ ウィンドウまたはタブで Example.com が開きます。

3. リンクを同じウィンドウで開く

リンクを同じウィンドウまたはタブで開きたい場合は、target 属性を省略するか、_blank に設定できます。 。例:

同じウィンドウで Example.com にアクセス
同じウィンドウで Example.com にアクセス

これら 2 つの例ではすべてのリンクは、現在のウィンドウまたはタブで Example.com を開きます。

4. 同じページの別の部分へのリンク

ハイパーリンクを使用して、同じページの別の部分にリンクすることもできます。これを行うには、href 属性をページ上の別の要素の ID に設定し、# 記号を使用して ID をリンクします。例:

セクション 2
...

セクション 2

この例では、ユーザーが「セクション 2 にジャンプ」リンクをクリックすると、ページは ID「section2」を持つ h2 要素までスクロールし、この要素のコンテンツを表示します。

5. 電子メール アドレスへのリンク

ユーザーがリンクをクリックしてデフォルトの電子メール アプリケーション (たとえば、 Outlook) を使用して電子メールを送信します。これを行うには、href 属性を mailto: で始まる電子メール アドレスに設定します。例:

電子メールで送信

このコード行は、「電子メールでお問い合わせ」というテキストを含むリンクをページに作成し、電子メール アドレスを info@example に設定します。 .com。

HTML では、ハイパーリンクは他の Web ページまたはドキュメントに接続するための重要な方法です。リンクを設定し、さまざまなプロパティとオプションを使用する方法を習得すると、ユーザーが Web 上の情報を簡単に参照してアクセスできるようにする複雑なリンクや対話型ページを作成できます。

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