Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
学ぶ リンクの操作 | HTMLファンダメンタルズ
/
HTMLの基本

bookリンクの操作

メニューを表示するにはスワイプしてください

リンク(ハイパーリンクとも呼ばれる)は、ユーザーがウェブページ、リソース、さまざまな通信手段間を移動できるようにする要素。HTMLでは、リンクは <a>(アンカー)タグを使用して作成。

<a href="href-value">some text</a>

href タグ内の <a> 属性は、リンク先の宛先を指定。さまざまな種類のURLを指定可能:

  • 絶対URL:プロトコルを含むリンク先リソースの完全なアドレスを指定(例:"https://www.example.com");
  • 電話番号URL:クリック時にブラウザから直接電話発信を開始できる。"tel:phone-number" の形式で記述。国番号を含め、電話番号から特殊文字やスペースを除去する必要あり(例:"tel:+123456789");
  • メールアドレスURL:クリック時にメール作成画面を開く。"mailto:email-address" の形式で記述。mailto: の後に完全なメールアドレスを記載する必要あり(例:"mailto:example@example.com")。

index.html

index.html

copy

上記の例では:

  • <a> タグが異なる宛先へのハイパーリンクを作成;
  • href 属性が絶対URL、電話番号、メールアドレスなどさまざまなURLを指定。

その他の便利な属性

<a> タグには、ハイパーリンクのプロパティを指定するためのいくつかの属性があります。一般的な属性には次のものがあります:

  • target="_blank":リンク先のドキュメントをどこで開くかを指定します。"_blank" は新しいウィンドウまたはタブでリンクを開きます;
  • download:ユーザーがハイパーリンクをクリックしたときに対象をダウンロードすることを指定します。この属性には、リソースを保存する際のファイル名を指定する値を持たせることができます。

index.html

index.html

copy

この例では:

  • href 属性はリンク先リソースのURLを指定します;
  • target 属性はリンクを新しいウィンドウまたはタブで開きます。

1. リンクはどのように作成されますか?

2. href タグの <a> 属性は何を指定しますか?

question mark

リンクはどのように作成されますか?

正しい答えを選んでください

question mark

href タグの <a> 属性は何を指定しますか?

正しい答えを選んでください

すべて明確でしたか?

どのように改善できますか?

フィードバックありがとうございます!

セクション 2.  6

AIに質問する

expand

AIに質問する

ChatGPT

何でも質問するか、提案された質問の1つを試してチャットを始めてください

セクション 2.  6
some-alt