新しいレッスンがあります
旧版のレッスンは更新を終了しており、現状と異なる場合があります。サポートも終了しておりますので、最新版への移行をお願いします。
-
#01 プロフィールサイトを作ってみよう (01:57) 無料公開中
- 完成版の確認
- 開発ツールの確認
- 画像素材の確認
-
#02 ブラウザに名前を表示しよう (02:23) 無料公開中
- Atomのモード変更
- ファイルの編集
- ファイルの保存
- ブラウザで確認
-
#03 タグでマークアップしてみよう (02:50) 無料公開中
- タグ
- マークアップ
- 打ち間違えたときの挙動
-
#04 imgタグで画像を表示しよう (02:28) 無料公開中
- imgタグ
- 属性
-
#05 全角文字に気をつけよう (02:24)
- 全角文字に関する注意
- 全角空白に関する注意
-
#06 文書全体につけるタグを見ていこう (02:07)
- DOCTYPE
- html
- head
- body
- 字下げ
-
#07 文書に関する情報を設定しよう (02:57)
- 文字コード
- title
- favicon
- description
-
#08 文書の本文を書き込んでいこう (02:52)
- body
- 要素の確認
-
#09 フッターのマークアップをしよう (01:55)
- フッター部分
- アイコン
-
#10 コメントタグを使ってみよう (02:07)
- コメントタグ
- ページのソースを表示
-
#11 大まかな区切りをつけてみよう (02:50)
- header
- footer
- section
- nav
-
#12 ulタグでリストを表現してみよう (02:25)
- ol
- ul
- li
-
#13 外部サイトへのリンクを設定しよう (02:53)
- a
- target属性
- mailto
-
#14 別のページに飛べるようにしよう (02:44)
- about.html
- リンクの設定
- 動作確認
-
#15 HTMLの仕様を確認してみよう (02:37)
- MDN
- HTMLの仕様確認
