新しいレッスンがあります
旧版のレッスンは更新を終了しており、現状と異なる場合があります。サポートも終了しておりますので、最新版への移行をお願いします。
-
#01 HTMLとはなにか？ (02:57) 無料公開中
- 概要
- レッスンがカバーする範囲
- 仕様の確認方法
- caniuse.com
-
#02 必要なツールを用意しよう (02:56) 無料公開中
- Chrome
- Atom
- Ricty Diminished
- エディタの設定
-
#03 タグと属性を理解しよう (02:20) 無料公開中
- タグ
- 属性
-
#04 はじめてのHTML (02:07) 無料公開中
- HTML
- index.htmlの作成
- ブラウザでの表示
-
#05 meta､linkタグを使ってみよう (02:53) 無料公開中
- meta
- 文字化け対策
- link
- favicon
-
#06 styleタグを使ってみよう (02:33)
- style
- CSSファイル
- コメント
-
#07 id､class､style属性を使ってみよう (02:29)
- id
- class
- style
-
#08 セクションについて理解しよう (02:35)
- header
- footer
- nav
- article
- aside
- section
- h1-h6
-
#09 アウトラインを意識してみよう (02:43)
- セクションのマークアップ
-
#10 h1-h6タグで見出しを付けよう (02:28)
- 見出し
-
#11 p､hr､pre､blockquote､divを使おう (02:52)
- p
- hr
- pre
- blockquote
- div
-
#12 ol､ul､li､dl､dt､ddでリストを作ろう (02:49)
- ol / ul / li
- dl / dt / dd
-
#13 strong､br､spanを使ってみよう (01:45)
- strong
- br
- span
-
#14 aタグでリンクを設定しよう (02:37)
- 別サイトへのリンク
- 別ファイルへのリンク
- ページ内リンク
-
#15 imgタグで画像を表示させよう (01:28)
- img
- width / height
- alt
-
#16 tableタグで表組みを作ろう (02:58)
- table
- thead
- tbody
- tr
- th
- td
-
#17 formタグでフォームを作ろう (03:00)
- form
- input
-
#18 inputタグで入力部品を作ろう (02:53)
- size
- maxlength
- value
- placeholder
- password
- hidden
-
#19 textarea､buttonタグを使ってみよう (02:45)
- textarea
- button
- disabled
-
#20 checkbox､radio､labelを使ってみよう (02:58)
- checkbox
- radio
- label
-
#21 selectタグでセレクトボックスを作ろう (02:42)
- select
- option
- selected
- multiple
-
#22 HTML5から使える属性を使ってみよう (02:31)
- number
- date
- required
- novalidate
-
#23 文字参照を使ってみよう (02:30)
- 文字参照
-
#24 コンテンツモデルを理解しよう (02:55)
- カテゴリー
- コンテンツモデル
- トランスペアレント
