-
#01 プロフィールサイトを作っていこう (02:08)
- レッスンの概要
- ブラウザ実行環境の確認
-
#02 HTMLについて理解しよう (02:39)
- HTMLの概要
- タグ
- 開始タグ
- 終了タグ
- 要素
- heading 1
- paragraph
-
#03 見出しと段落を配置しよう (02:49)
- body
- h1
- p
- 字下げ
- 全角文字に関する注意
-
#04 プロフィール画像を配置しよう (02:21)
- img
- src属性
- alt属性
-
#05 CSSについて理解しよう (01:42)
- セレクタ
- プロパティ
- プロパティの値
-
#06 画像の角を丸めよう (01:27)
- style
- border-radius
-
#07 要素に枠線をつけてみよう (01:47)
- border-width
- border-color
- border-style
- border-radius
-
#08 コピーライト表記を追加しよう (02:00)
- footer
- section
-
#09 余白を設定してみよう (02:11)
- padding
- 8の倍数
- margin-bottom
-
#10 画像やテキストを中央揃えにしよう (01:08)
- text-align
-
#11 背景画像を敷いてみよう (01:44)
- background-image
- レッスンのまとめ
![【旧版】HTML/CSSの学習環境を整えよう [Windows版]](/img/box/main-symbols/setting-color-lime.png?v=20190130)
補足情報 ブラウザ実行環境で使えるショートカットキーについて
ブラウザ実行環境のエディタ向けに、ショートカットキーを用意しています。以下のリンクにまとめてありますので、ぜひ試してみてください。
https://dotinstall.com/help/903