実はJavaScriptを使うときには、HTML言語やCSSというモノも一緒に使わなければいけない。
それぞれの特徴を見てみよう!
HTMLはマークアップ言語というジャンルに分類される。
「マークアップ言語って何かわかりにくい…」っていう人にもうちょっとわかりやすく説明してみたい。
「自分のwebページに文字や画像を挿入したい!」とか「ほかのページへのリンクを貼りたい!」って時に何が必要だかわかるよね。
文字や画像の大きさ、位置、種類などを指示したり、どこに対してのリンクを貼りたいっていうのを指示したりしなければならないでしょう?
こういった命令をうまく制御しながらwebページ上に記入していくときに使われる言語がマークアップ言語。
HTMLはwebページの土台といっても過言ではないと思う。
(より厳密にいうとマークアップ言語を記入するのはwebページに限らないんだけど、それを言うと訳が分からなくなるので置いておこう)
HTMLのプログラムは、大まかにhead部とbody部に分かれている。
それぞれ役割が分かれているんだけど、とりあえず今は簡単に「head部は裏方で働くwebページ上に殆ど表示されない部分、body部は主役でweb上に表示される部分」と例えておこう。
ちなみにこの後でてくるhead部とbody部はすべてHTMLのものを指すからねー。
CSSはスタイルシートというジャンルの一つの規格なんだ。
実はHTMLだけだと白い背景に黒い文字という簡素なものしかできないんだけど、スタイルシートを使うことでHTMLに装飾を施すことができるようになる。
例えば、背景を付けたり、文字の色やフォントを変えてみたりする。
これでwebページをより華やかにすることができちゃうんだね。
CSSはhead部でもbody部でも使われるよ!
さて、さっきCSSを使えばHTMLの装飾ができるようになるっていったけど、実はCSSの装飾には動きがないんだ。
でも画像を動かしたり、簡単なゲームやテキストボックスを設置したり、したいよね?
そんな時につかうのがJavaScriptなんです。
JavaScriptのプログラムは基本的に、実際に動きをwebページ上に表示できるようにする本体部分と、本体部分の動作を制御するための関数部分に分かれていることが多いね。
本体部分と関数部分はそれぞれbody部、head部に記入されることが多いよ。
というわけで、HTML・CSS・JavaScript、これらを組み合わせることでwebページができるわけなんだ。
でも、HTML以外の二つはHTMLなしには動かないのよね……。
さらにいえば、JavaScriptのプログラムの中でCSS規格を使うことも多々……。
つまり、JavaScriptを勉強するときにはHTML・CSSの知識が必須ということ!
しっかり復習して覚えておこう
今回のまとめはここまで、またよかったらみてね
いらないかもしれないけど私のまとめ~HTML・CSS・JavaScriptの関係~
HTML…………土台
CSS……………紙でできた装飾
JavaScript………立体的な装飾
装飾だけでは成り立たない