Menu
CoddyTech

リンク

CoddyのHTMLジャーニー「基礎」セクションの一部。レッスン 21/60。

HTMLでは、リンク(またはハイパーリンク)は、あるウェブページを別のウェブページにつなぐ要素です。 

他のWebページ、ファイル、同じページ内の場所、またはその他のURLへのリンクを作成できます。リンクは、アンカーを表す<a>タグを使って作成します。

HTMLでリンクを作成する基本的な構文は次のとおりです:

<a href="url">Link text</a>
  • <a>: 開始アンカータグ。
  • href: リンク先のURL。
  • Link text:ユーザーに表示され、クリックされるテキストです。
  • </a>:アンカータグの終了タグです。

Googleのホームページへのリンクを作成する例を次に示します。

<a href="https://www.google.com">Visit Google</a>

この例では、ユーザーがテキスト「Visit Google」をクリックすると、https://www.google.comに移動します。

challenge icon

チャレンジ

簡単

次のリンクを含むHTMLドキュメントを作成してください。

  1. "https://coddy.tech"を指し、"Visit Coddy"というテキストを表示するリンク。
  2. "https://www.google.com"を指し、"Visit Google"というテキストを表示するリンク。

ボーナス:リンクをクリックしてみましょう!

自分で試してみよう

<!DOCTYPE html>
<html>
    <body>
        <!-- ここにコードを書いてください -->
    </body>
</html>
quiz icon腕試し

このレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。

基礎のすべてのレッスン

自分で練習してみよう: Webプレイグラウンド