JavascriptはHrefで要素を作成します

| | | | | | | | |

HTMLリンクをクリックすると別のページに移動します。 タグはアンカーポイントを定義します。 「href」属性は、ユーザーがリンクをクリックしたときにどこに誘導されるかを示します。 と終了タグの間には、ユーザーに表示されるアンカーテキストがあります。

Webページを作成するときに、別のWebページまたはWebサイトを参照できます。 。たとえば、ブログを開始して、関連性があると思われる記事にリンクしたい場合があります。

ハイパーリンクまたはリンクは、あるWebページを別のWebページにリンクするために使用されます。ユーザーが複数のWebページ間をすばやく移動できるようにします。 ハイパーリンクを使用して、サイトの他のページや別のサイトのページにリンクできます。

このガイドでは、HTMLのハイパーリンクの基本について説明します。 。リンクの目的、ブックマークアンカー、および電子メールアドレスとWeb要素へのリンクを作成する方法について説明します。

HTMLハイパーリンク

ハイパーリンクHTMLは別のWebリソースを指します。ハイパーリンクは、タグと終了タグの間に定義されます。これら2つのタグの間のテキストは、リンクがクリックされたときにユーザーをリンクされたWebリソースに移動します。

ハイパーリンクラベルを使用して作成されます。 HTMLファイルのlinkの構文は次のとおりです。

開始タグで指定したURLリンクタグ間のテキスト。 href属性を使用してリンク先URLを選択します。これは、絶対URLまたは https://python.engineeringのような絶対リンクまたはサイトの一部へのURL

これは、KarmaCareerホームページのWebアドレスを指すリンクの例です。

HTMLリンクタグタイプ

ブラウザで表示できるリンクには3つのタイプがあります。これらは次のとおりです。

  • 未訪問のリンクは青色で表示されます
  • 訪問したリンクは紫色で表示されます
  • アクティブなリンクは赤

一部のウェブサイトはこれらの色を置き換えます。つまり、表示が異なりますが、これらは HTML HTMLハイパーリンク

。:ターゲット

リンクを開く方法を変更できます。たとえば、ユーザーのWebブラウザの新しいタブでリンクを開きたいとします。これにより、ユーザーは現在表示している

Webページでの位置を失うことがなくなります。ここで、 targetHTMLリンク属性が役立ちます。targetリンクを使用して、接続したリソースをブラウザが開く場所を指定できます

>

使用できるターゲットには、次の4種類があります。

  • _self :同じウィンドウとタブでWebリソースにアクセスします。これは、 HTMLハイパーリンクで使用されるデフォルトの宛先です
  • _parent :..親ウィンドウでWebリソースにアクセスします
  • < em> _blank:。新しいウィンドウまたはタブでWebリソースにアクセスします
  • _top:。フルブラウザウィンドウでWebリソースにアクセスします

これらのリンクの動作例を次に示します。

ハイパーリンクHTML:ブックマークアンカー

ハイパーリンク HTML は、HTMLの特定の部分を参照することもできますドキュメント。これは、長いWebページがあり、ユーザーをテキスト内の特定の場所に誘導する場合に便利です。

アンカーの使用を開始する前に、ブックマークの場合は、最初に目的の要素にID属性を設定する必要があります。移動するユーザー。 WebページのタイトルでID属性を宣言する例を次に示します。

HTMLヘッダータグにIDsubtitle3 を割り当てました。これは、リンクで参照として使用できます。

このヘッダーを参照するリンクの例を次に示します。

タグには、リンクするアイテムのIDを指定します。リンクされたドキュメントがWebページにあることをブラウザが認識できるように、id(#)の前にハッシュを付けましょう。

HTMLアンカータグ

HTMLアンカータグはラベルを参照します。このタグは、ユーザーを別のWebリソースにリンクします。 「href」属性は、ユーザーがリンクをクリックしたときに移動するリソースを定義します。

HTMLアンカータグの例

HTMLタグの使用例をいくつか見てみましょう。

相対URL

開発しているのと同じHTMLドキュメント上のリソースにリンクしている場合は、相対URLを使用できます。相対URLはローカルリンクとも呼ばれ、「 https://www.sitename .com "構文。これの代わりに、ローカルサーバー上の特定のファイルパスWebリソースを指す相対URL。

たとえば、キャリアKarmaのWebサイトに、ブログを指すリンクを作成するとします。私たちのサイトはKarmaCareerサイトであるため、絶対URLを使用する代わりに、ローカルURLを使用できます。このリンクを作成するために使用するコードは次のとおりです。

Karmaキャリアブログのテキストをクリックすると、 / blogリソースに移動しました。サイト

メールアドレス

アンカータグを使用して、メールアドレスにリンクすることもできます。メールアドレスへのリンクをクリックすると、ユーザーのデフォルトのメールプログラムが開きます。 。ユーザーは、指定されたメールアドレスにメッセージを送信してメールアドレスに接続するかどうかを尋ねられます

、mailtoプロトコルでリンクを開始する必要があります。メールへのリンクの例を次に示します。 HTMLのアドレス:

リンクをクリックすると、メールプログラムが開き、「[email protected]"The。アンカータグは、Webページ上の要素にリンクできます。このリンクを作成するには、アンカーが指す要素のIDを指定します。ユーザーをウェブページのヘッダーTopictestに誘導するリンクが必要だとします。このリンクは、次のコードを使用して作成できます。

リンクをクリックすると、ウェブページがID test_headingのアイテムにスクロールします。 。

結論

ハイパーリンクをHTMLで使用して、ウェブページやその他のリソースを関連付けることができます。ハイパーリンクを使用して、サイトやその他のウェブサイトのリソースに接続できます。このガイドでは、 HTMLドキュメントでハイパーリンクを使用する方法について説明しました。

このすべての情報を使用して、ハイパーリンクを作成する準備が整いました。 HTML マスターのように!

HTMLでのコーディングの詳細については、HTMLガイドの学習方法をご覧ください。 。

Shop

Learn programming in R: courses

$

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers


Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method