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

PHPz
リリース: 2023-05-27 19:30:07
オリジナル
2955 人が閲覧しました

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 属性を

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

まとめ

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

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

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!