Webプログラミングでは、HTML/CSS/JSの３つをまずは学ぼう

Webプログラミングを始めようとして、超初心者と思っている方にも挫折して欲しくないので、本当に基本的なところからいきましょう。
まずは、よく出てくる以下の３つを理解しましょう。

HTML

HTMLはページ内の構造をつくるために使います。
簡単な例で行くと、HTMLは以下のように記載します。

<!DOCTYPE html>
<html>
  <head>
  </head>
  <body>
    <div>１つ目の要素</div>
    <div>２つ目の要素</div>
  </body>
</html>

これがどういう構造なのかというと、
bodyの中にdivというのが２つ配置されている状態です。
図で言うとこう言う感じですね。

色々と作って行くと、より構造が複雑になっていきますが、HTMLとして行いたいのは、これの量が多いと思って頂いて大丈夫です。

CSSはページの色や配置場所などを変更して、見栄えを整えるために使います。
先ほどのHTMLのときのサンプルだと、

<!DOCTYPE html>
<html>
  <head>
  </head>
  <body>
    <div>１つ目の要素</div>
    <div>２つ目の要素</div>
  </body>
</html>

これは、見栄え（色など）を何も変更していないので、このようになります。

これに見栄えとして、背景色と色をCSSでつけてみると、表示がこのように変わります。

このように、色などを見栄えを変えるために使うものがCSSであるということを覚えてもらえたら良いかと思います。

ちなみにCSSに関しては、

くらいに覚えておいてください。
これも、別記事で、まとめていきますね。

javaScriptではページ内で、動きをつけるために使います。

例えば、次のボタンを押してもらうと、アラートと呼ばれるものが開いて、「アラートのテストです。」と表示されます。

これはあくまでもシンプルなものですが、基本的にはHMTLで構造を作り、CSSで見栄えを整え、javaScriptで動きをつけていくと覚えて頂けると良いかと思います。

どうでしたか。
Webページの作成でよく使われる

の３つがどういうものか、ざっくりで良いのでイメージできたでしょうか。
Webプログラミングを進めて行くと、もっと複雑になっていきますが、あくまでもこの要素の組み合わせで作られるので、この３つを少しずつでも把握していただければと思います。