第3回　HTML＆CSSは誰でもすぐに結果を確認できる！

2021.07.03

前回、前々回と、プログラミング独学の初心者はHTML＆CSSから始めるべきだと書きました。

その理由も書きました。

ところで、じゃあ、HTML＆CSSは何ができるの？というお話になります。

HTMLは正式名称、HyperText Markup Languageと言います。そう、前回も書きましたが、Markup Language、

つまり、マークアップ言語なのです。主に、インターネット上にホームページ等を作成するために使われる言語で

す。定義を書くとごちゃごちゃするので、まあ、要するに、計算とか何だとかはやらないで、ホームページが作れる

言語、という風に理解してください。とりあえずそれでいいと思います。

ではどれくらい手軽に結果を見ることができるのか？と言うことですが、

ではお手元のPCのメモ帳（macならテキストエディット）を開いてみてください。そして、

画像のように、<!DOCTYPE hyml>と入力してみてください。

この<!DOCTYPE html>は約束事で、こう書く理由があるのですが、とりあえず、ここは何も考えずに同じように

入力してください。

そして、プログラミングの世界では、最初に「Hello world!」と入力するのが約束事なのだそうですが、

それではあまり実感がわかないので、好きな言葉、何でもいいです、それを入力してください。

ここではひとまず、「明日のお昼はオム焼きそば！」と入力します。そして、保存するのですが、

ここで保存する名称は、拡張子以外は何でもいいのですが、拡張子は必ず、「.html」としてください。

ファイル名のところですね。そして保存をデスクトップ等にすると、

人によって違うかもしれませんが、こういったファイルができると思います。ダブルクリック等して開くと、

このように、疑似のwebページ上（まだ自分のpc上）に自分が書いたコードが反映されるのです。

これは本当に初歩中の初歩、まだプログラミングまでいかないような状態ですが、

これだけ簡単にHTMLは結果を確認できるのです。これが、私がプログラミング初心者にHTMLを強く勧める理由でも

あるのです。

CSSについてですが、CSSはHTMLはテキスト（文字）などしか入力できないので、その装飾をするための言語であ

り、これをやろうとするとファイルの読み込みだとか、フォルダがどうだとかディレクトリがどうだとか、

（フォルダとディレクトリは同じ意味です）環境の話になってちょっと面倒になるので、ここは割愛します。これ

が、コーディング半分、環境半分の意味です。ちなみに、CSSは正式名称「Cascading Style Sheets」です。Cascading

とは連鎖とかの意味だそうですが、これも割愛します。

いかがですか？あ、ちょっとやってみようかな？と思った方、次回、独学でまずやった方がいいことをお話します。

« 新しい投稿へ古い投稿へ »