Baidu"/> Baidu">

ホームページ  >  記事  >  ウェブフロントエンド  >  html 新しいページにジャンプします

html 新しいページにジャンプします

PHPz
PHPzオリジナル
2023-05-27 19:30:072934ブラウズ

HTML は Web ページを構築するために使用されるマークアップ言語であり、最も一般的な機能の 1 つは、ユーザーがクリックした後に別のページにジャンプできるようにするリンク機能です。この記事ではHTMLのリンク機能を使って新しいページにジャンプする方法を紹介します。

1. タグを使用してリンクを作成します

HTML では、 タグを使用してリンクを作成できます。たとえば、次のコードは Baidu Web ページへのリンクを作成します:

<a href="https://www.baidu.com">百度一下,你就知道</a>

このうち、href 属性はリンクのターゲット URL を指定し、ラベル内のテキストはリンクの表示テキストです。 。

2. 現在のページでリンクを開きます

デフォルトでは、リンクは現在のページで開きます。たとえば、上のリンクをクリックすると、現在のページに Baidu の Web ページが開きます。リンクを新しいページで開きたい場合は、target 属性を使用できます。

3. 新しいページでリンクを開く

新しいページでリンクを開くには、以下に示すように、ターゲット属性を「_blank」として指定する必要があります:

<a href="https://www.baidu.com" target="_blank">百度一下,你就知道</a>

このように、リンクをクリックすると、新しいブラウザ タブで Baidu Web ページが開きます。

4. ローカル ファイルへのリンク

HTML では、link 関数を使用してローカル ファイルにリンクすることもできます。例:

<a href="images/cat.jpg">查看猫咪照片</a>

ここでは、リンクを指します。 「cat.jpg」という名前の画像ファイル。ユーザーがリンクをクリックすると、現在のページで画像ファイルが開きます。

5. ブックマークへのリンク

外部 Web ページまたはローカル ファイルへのリンクに加えて、リンク関数を使用してページ内の特定の場所、いわゆるブックマーク(ブックマーク)。ブックマークを作成するには、リンクのターゲット アドレスの後に「#ブックマーク」を追加する必要があります。例:

<a href="#overview">查看概览</a>

<h2 id="overview">概览</h2>

ここでは、最初に「overview」という名前の id 属性を c1a436a314ed609750bd7c7d319db4da タグに追加しました。 」がブックマークになります。次に、リンクのターゲット アドレスに「#bookmark」を追加して、ブックマークをポイントします。ユーザーがリンクをクリックすると、ページ上のブックマークの場所まで自動的にスクロールします。

まとめ

HTMLのリンク機能を利用すると、簡単に他のページにジャンプしたり、ローカルファイルを開いたり、ページ内の特定の場所にジャンプしたりすることができます。 タグを使用してリンクを作成し、href 属性と target 属性を通じてリンクのターゲットと開始方法を指定します。同時に、ブックマークを使用してページ内の特定の場所をポイントすることもできます。

以上がhtml 新しいページにジャンプしますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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