プログラミング

【初学】HTML & CSS のおはなし

HTML & CSS ってなんだろう?

HTMLは”HyperText Markup Language(ハイパーテキスト マークアップ ランゲージ)”の略で、ホームページを作成する際の骨組みを担う言語となります。このHTMLのおかげで次に紹介するCSSを使って、ホームページの見栄えを整える事ができます。

スクレイピングという言葉を聞いたことがある方もいらっしゃるかと思いますが、スクレイピングもこのHTMLの構成を元に必要な情報を集める事が可能です。(本記事から脱線するので詳細は別途紹介したいと思います。)

CSSは"Cascading Style Sheets(カスケーディングスタイルシート)"の略で、上記のHTMLに対して文字の色・大きさや配置、画像の大きさなどの情報を付与してホームページを華やかに仕上げる事ができます。

CSSは単体で使用する事はないので、基本的にはHTMLとセットで紹介されます。また、このHTML & CSSはプログラミング言語JavaScriptを筆頭にWebアプリケーションの言語(PHP、Ruby...他にもあります。)学ぶ上でも重要な言語となってきます。

なぜ、Webアプリケーションを学ぶ上では必須の知識になるのか。

Webアプリケーションを作る上でどのプログラミング言語を学ぶにも必ずと言っていいほどにHTMLの知識は役に立ちます。上記に書いたJavaScriptはもちろんのこと、他のWebアプリケーションを作成する上でもブラウザに表示される情報の全てはHTMLの骨組みがなければ成り立たないからです。

どんなホームページやWebアプリケーションでもページのソースを確認してみるとHTMLで構成されているのがわかります。

HTML & CSS のについて簡単にまとめると・・・

  • ブラウザに表示されるすべての基礎となる骨組み
  • HTMLだけでは見栄えを整えることができないので、CSSが大活躍
  • Webアプリケーションを制作する上で確実に携わる言語

私がやってみて良かった書籍を1冊紹介しますね(初級編)

スラスラわかるHTML&CSSのきほん

book-surasurawakaru-html&css

付箋だらけでもうしわけございません💦

こちらの書籍のおすすめポイント

  • 環境構築から全てにおいて丁寧な説明がされている。(ここに関してはすでに利用のエディタとかでも大丈夫です。)
  • 実際に仮想店舗『KUJIRA Cafe』のホームページを順を追って作っていくことで体系的に学ぶことができる。
  • 初学者に向けなのに要点はしっかり抑えられている
  • 無料のレンタルサーバーの契約から、アップロードまで説明されているので実務感覚で最後までやり遂げられる。
  • HTML&CSSの項目においてはProgateよりも取り組みやすい。(Progateの「HTML & CSS」の課題は結構難しく感じます。)

この書籍を利用されている方は多いので『KUJIRA Cafe』で検索すると同じようなホームページが多数アップされています。気になる方はどんなホームページができるのか試しに除いてみては!?

おすすめ記事

-プログラミング