HTML、CSS
Webページを作成する上で重要な、HTML、CSSについて学習します。
HTML、CSSは マークアップ言語 、 スタイルシート と呼ばれ、プログラミング言語とはまた違いますが、非常に重要な役割を担っています。
試しにやってみよう
- クローンしたフォルダの中に、
1-2
というフォルダがあります。
ここに作成した課題を格納して提出してください。 1-2
フォルダの中に、index.html
ファイルを作成してください。- Sublime Textでindex.htmlを開きましょう。
- HTMLを書いてみましょう。
<P>Hello!</P>
- 修正したら保存 ・Macの人
Command + s
・Windowsの人Ctrl + s
- ブラウザを開き、その画面にドラッグ&ドロップします。
- 表示されたことを確認
HTML基礎
HTMLを使ってみよう
文書構造
CSS基礎
CSSでデザインしてみる
文字の大きさと種類
背景の色と高さの幅を変えてみよう
タグに色をつける
簡単なWebページを作成してみよう
レイアウト
3カラムレイアウト
レスポンシブ・Webデザイン
レスポンシブデザインについて
レスポンシブデザインを作成してみよう
課題
Div Puzzle
エクストラ
さらに力試しをしてみたい方は、下記の問題に取り組んでみてください。