Menu
Coddy logo textTech

リンク

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

HTMLにおいて、リンク(またはハイパーリンク)は、あるウェブページを別のウェブページに接続する要素です。 

他のウェブページ、ファイル、同じページ内の場所、またはその他のURLへのリンクを作成できます。リンクは、アンカー(anchor)を意味する <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" というテキストを表示するリンク。

ボーナス:リンクをクリックしてみてください!

チートシート

HTMLのリンクは、<a>(アンカー)タグとhref属性を使用して作成されます:

<a href="url">Link text</a>
  • href: リンク先のURL
  • Link text: 表示されるクリック可能なテキスト

例:

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

自分で試してみよう

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

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

Fundamentalsのすべてのレッスン