プロゲートの「HTMLに触れてみよう!」の解説とよくあるミス

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

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

コアラ
ついにプログラミンを学び始めるんだね!
ひつじのジョージ
そうだね。この記事では「HTMLに触れてみよう!」でよくあるミスなどを紹介するよ。

HTMLはWEBプログラマーになるためには必ず学ばなければいけないプログラミング言語です。

HTMLを書くことによってブラウザに表示する文字などに装飾することができます。

「HTMLに触れてみよう!」の正解は?

「HTMLに触れてみよう!」の正解のHTMLコードは以下のとおりです。

<h1>Hello World</h1>
コアラ
15分かけてなんとかできました!
ひつじのジョージ
お疲れさまです!
プログラマーへの第一歩だね!

よくあるミス

HTMLを学び始めたときによくあるミスをご紹介します。

HTMLでよくあるミスは以下の通りです。

  • 終了タグがない
  • 終了タグにスラッシュ(/)がない

はじめのうちはこれらのミスをしないように気をつけましょう。

ひつじのジョージ
相手は機会なので少し違うだけでも思うように動いてくれないよ。

よくあるミス1:終了タグがない

<h1>Hello World

HTMLでよくあるミスの1つ目は終了タグがないことです。

一見、プレビューと見本が同じなのでできたように見えてしまいますが、終了タグは必ずつけましょう!

ひつじのジョージ
HTMLの文法では開始タグと終了タグはセットなので必ず必要だよ。

よくあるミス2:終了タグにスラッシュ(/)がない

<h1>Hello World<h1>

HTMLでよくあるミスの2つ目は終了タグにスラッシュがないことです。

終了タグにスラッシュがなくても見本とプレビューが同じで、一見できたように見えます。

しかし、終了タグにスラッシュがないと終了タグとなりません。

見落としやすいですが終了タグには必ずスラッシュを入れましょう。

ひつじのジョージ
終了タグにスラッシュ1つないだけで別の意味(開始タグ)になっちゃうよ。

まとめ:HTMLでよくあるミスを知っていれば怖くない

この記事ではプロゲートの「HTMLに触れてみよう!」でよくあるミスをご紹介しました。

  • 終了タグがない
  • 終了タグにスラッシュ(/)がない

HTMLを書いていてエラーが出たときにこれらのよくあるミスをチェックしてみましょう。
見当もつかずどこでエラーが起きているか探すより、早くエラーを解決できるようになります。

コアラ
どこでエラーになっているのかわからないまま1時間経ってしまった。。。
ひつじのジョージ
「終了タグがない」や「終了タグにスラッシュ(/)がない」がよくあるミスだよ。
確認してみて。
おすすめの記事