はじめに

目次
  • 解説
  • 1. HTMLとCSS
  • 2. このコースで学ぶ内容
  • 3. 学習に必要な前提コース
進捗を変更する




解説

1. HTMLとCSS


私たちが普段目にするWebページは、ブラウザ(Google の Chrome、Apple の Safari など)を通して観覧することができますが、Webページの見た目は、HTMLファイルと CSSファイルで構成されています。

HTMLは、ただの文字の羅列である文書の「タイトル」や「見出し」、「段落」などを、ブラウザが理解できる形式でマークアップすることができる言語です。また、別のページへ遷移するためのリンクを、テキストに埋め込むことができます。

CSSは、HTML文書のスタイル(=見ため)を整えるための言語です。HTMLでマークアップした文字の大きさや色はもちろん、Webページ全体のレイアウトもCSSで整えます。

HTMLのみで構成されたWebページ

HTMLとCSSで構成されたWebページ

2. このコースで学ぶ内容


このコースでは、Webページ制作において必要不可欠な技術である、HTML & CSS の基礎を学習します。

なお、学習で使用するブラウザは、Google が提供している Chrome を想定しています。

学習環境を揃えたい方は、下記リンクの公式サイトから Chrome をインストールし、PCの設定から Chrome を既定のブラウザに設定してください。

Google Chrome のインストール

https://www.google.com/chrome/

※Chrome以外のブラウザでも学習を進めることは可能ですが、掲載画像と表示結果が異なる可能性があるのでご注意ください。

3. 学習に必要な前提コース


このコースは、下表の各コース・手順を完了している前提で学習を進めていきます。

前提コース

(1)環境設定:VSCode(インストール)
(2)環境設定:VSCode(基本設定)
(3)環境設定:VSCode > コース別設定(HTML & CSS)