新しいレッスンがあります
旧版のレッスンは更新を終了しており、現状と異なる場合があります。サポートも終了しておりますので、最新版への移行をお願いします。
-
#01 HTMLを学んでいこう (02:04) 無料公開中
- HTMLの概要
- ページのソースを表示
-
#02 学習の準備を整えよう (02:11) 無料公開中
- 使用ブラウザ、エディタの確認
- 画像素材の確認
- プロジェクトフォルダの設定
-
#03 HTMLを書いてみよう (02:34) 無料公開中
- HTMLの書き方
- 開始タグ、終了タグ、要素
- マークアップ
- HyperText Markup Language
-
#04 imgタグで画像を配置しよう (02:05) 無料公開中
- img
- 属性
- 属性名
- 属性値
-
#05 文書全体を囲うタグを見ていこう (02:56) 無料公開中
- 文書宣言
- html
- head
- body
- 字下げ / インデント
-
#06 全角文字に気をつけよう (02:39)
- 全角文字に関する注意
- 全角空白に関する注意
- コメント
- コメント切り替えのショートカットキー
-
#07 headタグを見ていこう (02:24)
- 文字コードの設定
- title
- 文書の説明
- faviconの設定
-
#08 bodyタグを見ていこう (02:39)
- alt属性
- width属性
- height属性
- 行複製のショートカットキー
- h2
- p
-
- strong
- blockquote
- hr
- br
-
#10 実体参照とpreタグを使ってみよう (02:56)
- 実体参照
- pre
- code
-
#11 リストを表現してみよう (02:15)
- 箇条書きリスト
- 順序付きリスト
- 説明リスト
-
#12 ol､ul､dlタグでリストを作ろう (02:52)
- ol、li
- ul、li
- dl、dt、dd
-
#13 表を表現してみよう (01:20)
- 表の表現方法
-
#14 tableタグで表を作ってみよう (02:28)
- table
- thead、tbody
- tr
- th、td
-
#15 リンクを張ってみよう (02:44)
- a
- 外部サイトへのリンク
- target属性
- 動作確認
-
#16 別ファイルへのリンクを作ろう (02:45)
- 別ファイルへのリンク
- 動作確認
-
#17 ページ内リンクを作ろう (02:44)
- id属性とページ内リンクの指定方法
- ページ内リンクに関する注意点
-
#18 文書の構造を見やすくしよう (02:01)
- 意味のあるまとまりに使えるタグ
-
#19 文書の構造をマークアップしてみよう (03:01)
- header
- footer
- nav
- aside
- main
- section
-
#20 article､timeタグを使ってみよう (02:24)
- article
- time
-
#21 div､spanタグを使ってみよう (02:08)
- div
- span
-
#22 MDNでHTMLの仕様を確認しよう (02:12)
- MDN
- 許可された内容、許可された親要素
- 属性
- HTML要素リファレンス
リリース情報（note）
詳細情報
- 最終更新日
- 2019年11月19日
- バージョン情報
- Chrome 78.0 / Visual Studio Code 1.38.0
