WEB制作技術を身につける上で、初めに触れることになるであろう言語「HTML」。
Twitter上では、下記のように、HTMLが難しいという意見が多々見受けられます。
html難しい…
— べや ☻ (@mi_yan_03) December 15, 2018
頭痛くなるわこれ…
今回の記事では、この話題について書きます。
難しいと感じてしまう理由も解説するので、HTMLに触れてみたけど難しいと感じている方、躓いている方は、ご覧ください。
目次
HTMLは難しい？
「HTMLは難しい？」と聞かれて、筆者の場合は、経験上【そう感じるのは最初だけ】と答えます。
「HTMLの基本を解説したページ」でもチラッと書いていますが、それは慣れていないだけです。
感覚的には、英語のような「言葉」に似ているかなと思います。英語もよく、現地に住んでしまえば自然と話せるようになるとよく言いますよね。
筆者も正直初めは、宇宙語のように見えたのですが、3ヶ月ぐらい毎日コードを見ていれば自然と慣れていきました。
難しいと感じる理由
HTMLが難しいと感じるのは「最初だけ」「慣れていないだけ」と解説しました。
ここをもっと深掘りして、難しく感じる原因を明確にしてみましょう。
・タグ1つ1つの意味がわかっていない
・構造が理解できていない
タグ1つ1つの意味がわかっていない
まず、下記をご覧ください。
・p
・h1
・a
・img
・article
「p」やら「h1」やら、何か文字列が並んでいますね。
これ何か分かりますか？
そう、タグです。
HTMLは、WEBページに表示したい文章などを「<>」で挟まれたタグと呼ばれる特殊な文字列で囲んで書きますよね？
タグ1つ1つに意味がありますので、意味がわかっていないと、正直難しいと感じてしまうでしょう。
意味がわからないタグが出てきたら、調べるなり、シートに纏めるなりして、1つ1つ覚えていきましょう。
構造が理解できていない
HTMLは、タグの間に別のタグを含めることができるので、ツリー構造（階層関係）ができます。
<html lang="ja">
<head>
<meta charset="utf-8">
<title>練習用ページ</title>
</head>
<body>
<p>今日の天気は、<a href="">こちらから</a>!</p>
</body>
</html>
<html>タグの中に、<head>タグ・<body>タグが入って・・みたいな感じで、HTMLには、骨組みのようなものがあります。
この構造が理解できていないと、難しいと感じるのも無理はありません。
<head>タグの間にはどんなタグが入るのか、<body>タグにはどんなタグが入るのか、意識してみましょう。
あらかじめ抑えるポイントを理解しておけば、慣れも早くなるはずです！
1日でも早く慣れたい方へ
難しいと感じてしまう理由を解説しましたが、中には、「1日でも早く慣れたい！」と感じているかたも多いと思います。
そんな方が試すべき事をまとめてみました。
・スクールに通う
・評価の高い参考書を買ってみる
スクールに通う
筆者は独学で学びましたが、スクールに通うのも良い手段だと思います。
正しい手順で学べるのはもちろんな事、分からない事は聞くことが出来るので、独学で勉強するのが心配な方は、検討してみるのもありだと思います。
評価の高い参考書を買ってみる
HTMLを学習する上で、とてもおすすめの参考書がありますので、ご紹介しておきます。
「1冊ですべて身につくHTML & CSSとWebデザイン入門講座」
これ以上ないぐらいコンパクトにまとめられた解説やサンプルの分かりやすさが評判の参考書です。
筆者も、HTMLの勉強を始めた頃手に取りましたが、この参考書を読む事で、HTMLの基本はしっかり抑えられます。
是非一度手に取ってみてください。
まとめ
今回は、HTMLが難しいと感じている方、躓いている方の為に解説記事を書きました。
筆者も、HTMLに中々慣れなくて苦労した時期がありますが、難しいと感じるポイントが分かるだけでも違うと思います。
今回が役に立てば幸いです。
