コード編

目標#

Progateの『HTML/CSS初級編』をクリアする

HTMLとCSSを学ぶと、ウェブサイトに表示する文字や画像、そして文字の色や背景の色などをコードで書けるようになります。

例をみてみましょう！この図では、左側のウェブサイトが右側がHTMLのコードで書かれています。「コードで書かれている」というのはどういうことでしょうか？

（左側）ウェブサイト（右側）HTMLコード

よくみてみると、「右側のHTMLで書かれている文字が左側のウェブサイトに表示されている！」ということに気づきます。どうやら、文字はそのまま表示されるようです！

先ほどの図では、HTMLで書かれた文字が、ウェブサイトに表示されることがわかりました。では、ユニコーンの画像はどこからきたのでしょう？そして文字の大きさや色が変わるのはなぜでしょう？では、実際にコードを書いてみてその答えを探してみましょう！

この課題は、Progate（プロゲート）というオンラインのプログラミング学習ツールを使って行います。以下のリンクからProgateを開き、手順に沿って登録して下さい。

1.「今すぐはじめる」をクリックします。

2.「アカウントを作成」という画面が出てきたら、名前（ニックネームも可能です）とメールアドレス、パスワードを設定して「新規登録」をクリックします。これで登録は完了です。

「HTML&CSS」のコースへ行くと、初級編、中級編と並んでいます。
今回の宿題は「HTML&CSS初級編」です。「レッスンを始める」をクリックして早速始めてみましょう！（所要時間：4〜5時間）

つまずいたことや質問があれば、メール（camp@waffle-waffle.org）で聞いてくださいね！