HTML・CSS

HTML、CSS


Webページを作成する上で重要な、HTML、CSSについて学習します。
HTML、CSSは マークアップ言語 、 スタイルシート と呼ばれ、プログラミング言語とはまた違いますが、非常に重要な役割を担っています。

試しにやってみよう


  1. クローンしたフォルダの中に、 1-2 というフォルダがあります。
    ここに作成した課題を格納して提出してください。
  2. 1-2 フォルダの中に、 index.html ファイルを作成してください。
  3. Sublime Textでindex.htmlを開きましょう。
  4. HTMLを書いてみましょう。
    <P>Hello!</P>
  5. 修正したら保存 ・Macの人 Command + s ・Windowsの人 Ctrl + s
  6. ブラウザを開き、その画面にドラッグ&ドロップします。
  7. 表示されたことを確認

HTML基礎


HTMLを使ってみよう

文書構造

CSS基礎


CSSでデザインしてみる

文字の大きさと種類

背景の色と高さの幅を変えてみよう

タグに色をつける

簡単なWebページを作成してみよう


レイアウト

3カラムレイアウト

レスポンシブ・Webデザイン


レスポンシブデザインについて

レスポンシブデザインを作成してみよう

課題


Div Puzzle

エクストラ


さらに力試しをしてみたい方は、下記の問題に取り組んでみてください。

Div Puzzle 2

Div Puzzle 3

カテゴリー

アーカイブ

Close Bitnami banner
Bitnami