ホームページ ウェブフロントエンド htmlチュートリアル HTML Webページにハイパーリンクを作成する方法

HTML Webページにハイパーリンクを作成する方法

May 05, 2019 am 11:40 AM
タグ ハイパーリンク

HTML Web ページのハイパーリンクは、a タグを使用して追加できます。構文は "" とその 2 つの2 つの属性値は、Web ページのターゲット アドレスの設定に使用される href と、ハイパーリンクを開く方法の設定に使用される target です。

HTML Webページにハイパーリンクを作成する方法

HTML Web ページのハイパーリンクは、a タグを使用して追加できます。これには 2 つの属性値があります: href は Web ページのターゲット アドレスを設定するために使用され、target は Web ページのターゲット アドレスを設定するために使用されます。ハイパーリンクを開く方法を設定するために使用されます。

次は、HTML でのハイパーリンクの使用法についてです。この記事が、HTML でのタグの知識と使用法を理解するのに役立つことを願っています。皆様のお役に立てれば幸いです。

ハイパーリンク構文

<a href="网址、链接地址" target="目标" title="说明">被链接内容</a>

href 値: ターゲット アドレスを開き、通常はターゲット アドレスを入力します。たとえば、href="//m.sbmmt.com/" とすると、訪問者がこのアンカーに対応する Web ページ上でマウスをクリックすると、//m.sbmmt.com/

ページが開きます。ターゲット値:

_blank: 新しいウィンドウでリンクを開きます

_parent: 親フォームでリンクを開きます

_self: 現在のフォームでリンクを開きます、これはデフォルト値です

_top: 現在のフォームでリンクを開き、現在のフォーム全体 (フレーム ページ) を置き換えます

ターゲットに値がない場合は、ターゲットでリンクを開くことを意味します。このページの親フォーム

ハイパーリンクの機能:

アンカーリンクを使用すると、ニュースなどよく見られ、使用されるページAからページBに移動できます。タイトルを見たとき、興味があればマウスをクリックして詳細を別のページに移動してください。 HTMLのハイパーリンクを応用したものです。

例:

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title></title>
</head>
<body>
  <a href="//m.sbmmt.com/" target="_blank" title="转到php中文网首页">PHP中文网</a>
</body>
</html>

レンダリング:

HTML Webページにハイパーリンクを作成する方法

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

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

ホットAIツール

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

ホットトピック

Index.html とは何のファイルですか? Index.html とは何のファイルですか? Feb 19, 2024 pm 01:36 PM

Index.html は Web ページのホームページ ファイルを表し、Web サイトのデフォルト ページです。ユーザーが Web サイトにアクセスすると、通常、index.html ページが最初に読み込まれます。 HTML (HypertextMarkupLanguage) は Web ページの作成に使用されるマークアップ言語であり、index.html も HTML ファイルです。これには、Web ページの構造とコンテンツに加えて、書式設定とレイアウトに使用されるタグと要素が含まれます。以下は、index.html コードの例です: &lt

ハイパーリンクが開けない問題を解決 ハイパーリンクが開けない問題を解決 Feb 18, 2024 am 09:57 AM

ハイパーリンクが開けない問題の解決方法 インターネットの急速な発展に伴い、ハイパーリンクは私たちの日常生活に欠かせないものになりました。私たちは、Web ページ、電子メール、ソーシャル メディアなどのさまざまなプラットフォームでハイパーリンクをよく目にし、使用します。ただし、ハイパーリンクが開かないという問題が発生し、混乱したりイライラしたりすることがあります。この記事では、ハイパーリンクが開かない原因とその解決策について説明し、この問題の解決に役立つことを願っています。まず、ハイパーリンクを開けない原因について考えてみましょう。以下は一般的なものです

WPS でハイパーリンクを開けない場合はどうすればよいですか? WPS ハイパーリンクが開かない場合の解決策 WPS でハイパーリンクを開けない場合はどうすればよいですか? WPS ハイパーリンクが開かない場合の解決策 Mar 13, 2024 pm 08:40 PM

多くの友人が WPS を使用してコンテンツを編集するときに、特定のテキストにハイパーリンクを追加することがあります。最近、多くの友人から、さまざまな方法を使用しても WPS ハイパーリンクが開かず、クリックしてアクセスできないという報告がありました。この問題についてはどうすれば解決できますか?このソフトウェア チュートリアルでは、編集者が大多数のユーザーを助けることを願って、具体的な解決策を共有します。 WPS ハイパーリンクが開かない場合の解決策: 方法 1: ハイパーリンク上にマウスを移動して、クリック可能になるかどうかを確認します 1. ソフトウェアを開き、ページの左上隅にある [ファイル] をクリックし、メニューで [オプション] を選択します下に。 2. 新しいインターフェースに入ったら、左側の「編集&rdq」をクリックします。

Word文書のハイパーリンクを開けません Word文書のハイパーリンクを開けません Feb 18, 2024 pm 06:10 PM

近年、ネットワーク技術の発展により、私たちの生活はさまざまなデジタルツールやインターネットと切り離せないものになっています。文書を処理するとき、特に書面での処理では、Word 文書を使用することがよくあります。ただし、場合によっては、Word 文書内のハイパーリンクが開けないという難しい問題に遭遇することがあります。この問題については以下で説明します。まず、ハイパーリンクとは、Word 文書に追加された他の文書、Web ページ、ディレクトリ、ブックマークなどへのリンクを指すことを明確にする必要があります。これらのリンクをクリックすると、

CSSでタグの色を削除する方法 CSSでタグの色を削除する方法 Apr 25, 2024 pm 05:42 PM

a タグの固有の色を削除するには、次の方法を使用できます。 CSS の color プロパティを使用してテキストの色を指定します。 CSS の link-color プロパティを使用してリンクの色を指定します。 CSS の text-decoration プロパティを使用して、下線とデフォルトのテキスト色を削除します。 CSS のホバー カラー プロパティを使用して、マウスオーバー時のテキストの色を変更します。 CSS の訪問済みの色プロパティを使用して、訪問済みのタグのテキストの色を変更します。

ハイパーリンクを開けないのはなぜですか? ハイパーリンクを開けないのはなぜですか? Feb 22, 2024 pm 03:33 PM

Web ページの一般的な要素の 1 つであるハイパーリンクは、他の Web ページ、ファイル、または特定の場所を指すためによく使用されます。ただし、さまざまな理由により、ハイパーリンクを開けない状況が発生することがあります。まず、ハイパーリンクを開けない場合は、リンク アドレスが間違っていることが原因である可能性があります。ハイパーリンクを作成するときは、リンクのアドレスが正しいことを確認する必要があります。アドレスに特殊文字やスペースが含まれている場合、リンクが開かないことがあります。また、リンクアドレスが変更されたり、対象ファイルが移動または削除されたりした場合、リンクは開きません。

jQuery を使用してすべての a タグのテキスト コンテンツを変更する jQuery を使用してすべての a タグのテキスト コンテンツを変更する Feb 28, 2024 pm 05:42 PM

タイトル: jQuery を使用して、すべての a タグのテキスト コンテンツを変更します。 jQuery は、DOM 操作を処理するために広く使用されている人気のある JavaScript ライブラリです。 Web 開発では、ページ上のリンク タグ (タグ) のテキスト コンテンツを変更する必要が生じることがよくあります。この記事では、この目標を達成するために jQuery を使用する方法を説明し、具体的なコード例を示します。まず、jQuery ライブラリをページに導入する必要があります。 HTML ファイルに次のコードを追加します。

jQuery のヒント: ページ上のすべての a タグのテキストをすばやく変更する jQuery のヒント: ページ上のすべての a タグのテキストをすばやく変更する Feb 28, 2024 pm 09:06 PM

タイトル: jQuery ヒント: ページ上のすべての a タグのテキストをすばやく変更する Web 開発では、ページ上の要素を変更したり操作したりする必要がよくあります。 jQuery を使用する場合、ページ内のすべての a タグのテキスト コンテンツを一度に変更する必要がある場合があります。これにより、時間と労力を節約できます。以下では、jQuery を使用してページ上のすべての a タグのテキストをすばやく変更する方法と、具体的なコード例を紹介します。まず、jQuery ライブラリ ファイルを導入し、次のコードがページに導入されていることを確認する必要があります: &lt

See all articles