リンク
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 に移動します。
チャレンジ
簡単次のリンクを含むHTMLドキュメントを作成してください:
- "https://coddy.tech" を指し、"Visit Coddy" というテキストを表示するリンク。
- "https://www.google.com" を指し、"Visit Google" というテキストを表示するリンク。
ボーナス:リンクをクリックしてみてください!
チートシート
HTMLのリンクは、<a>(アンカー)タグとhref属性を使用して作成されます:
<a href="url">Link text</a>href: リンク先のURLLink text: 表示されるクリック可能なテキスト
例:
<a href="https://www.google.com">Visit Google</a>自分で試してみよう
<!DOCTYPE html>
<html>
<body>
<!-- ここにコードを記述してください -->
</body>
</html>このレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。