プロゲートの「リンク」の解説とよくあるミス

こんにちは、ひつじのジョージです。

大都会でプログラマーとして10年以上活躍しています。普段は会社員として働いていますが、個人でシステム、Webアプリケーションを複数運用しています。

aタグは非常に多く使うHTMLタグです。
聞き慣れない、使い慣れていないタグや属性なのではじめのうちはよくミスもありますが、しっかりマスターしましょう。

「リンク」レッスンの答え

「リンク」レッスンの答えのHTMLコードは以下のとおりです。

<!-- https://prog-8.comへのリンクを作成してください -->
<a href="https://prog-8.com">Progateへ</a>

<!-- https://google.comへのリンクを作成してください -->
<a href="https://google.com">Googleへ</a>

「リンク」でよくあるミス

未経験のうちはリンクでもよくミスがあります。

使い慣れていないタグや属性が出てきますが、リンクは非常に多く使うHTMLタグです。

よくあるミス1：リンクURLが"（ダブルクォーテーション）で囲まれていない

HTMLタグ内では"で囲むと文字と認識されます。

リンク先のURLは文字として認識してもらいたいので、URLを"で囲んでください。

<a href=https://google.com>Googleへ</a>

よくあるミス2：href属性のタイプミス

HTMLのaタグのリンクURLはhref属性に書きます。

hrefではなく「ref」や「link」と書いてしまわないように気をつけましょう。

<a ref="https://google.com">Googleへ</a>

<a link="https://google.com">Googleへ</a>

まとめ：aタグはよく使うタグ。しっかりマスターしよう！

リンクを作るaタグはとても良く使うHTMLタグです。
しかし、聞き慣れなかったり使い慣れないのではじめのうちはよくミスをします。

これらのミスに気をつけながらaタグを使ってみてください。