新しいレッスンがあります
旧版のレッスンは更新を終了しており、現状と異なる場合があります。サポートも終了しておりますので、最新版への移行をお願いします。
-
#01 HTMLを学ぼう (01:51) 無料公開中
- HTMLの概要
- ページのソースを表示
-
#02 学習の準備をしよう (02:43) 無料公開中
- 使用ブラウザ、エディタの確認
- 画像素材の確認
- ひな形ファイルの作成
-
#03 はじめてのHTML (02:46) 無料公開中
- HTMLの書き方
- 開始タグ、終了タグ、要素
- マークアップ
- HyperText Markup Language
-
#04 imgタグで画像を配置しよう (02:24) 無料公開中
- imgタグ
- 属性
-
#05 文書全体を囲うタグを見ていこう (02:28) 無料公開中
- 文書宣言
- htmlタグ
- headタグ
- bodyタグ
-
#06 字下げやコメントを使おう (02:18)
- 字下げ
- コメント
- コメント切り替えのショートカット
-
#07 headタグを見ていこう (02:48)
- 文字コードの設定
- title
- faviconの設定
-
#08 imgタグの属性を見ていこう (02:09)
- alt属性
- width属性
- height属性
- 現在の行の複製方法
- コメントの活用方法
-
#09 見出しと段落をマークアップしよう (01:29)
- h1
- h2
- p
-
- hr
- br
- strong
- blockquote
-
#11 リストを表現してみよう (02:29)
- 連番リスト
- 箇条書きリスト
- 説明リスト
-
#12 ol､ulタグでリストを作ろう (02:54)
- ol、li
- ul、li
-
#13 dlタグで説明リストを作ろう (02:04)
- dl、dt、dd
-
#14 別ファイルにリンクを張ってみよう (01:56)
- a
- 動作確認
-
#15 外部サイトへのリンクを張ってみよう (02:53)
- 外部サイトへのリンク
- mailto
-
#16 ページ内リンクを作ろう (02:53)
- id属性とページ内リンクの指定方法
- ページ内リンクに関する注意点
-
#17 MDNでHTMLの仕様を確認しよう (02:18)
- MDN
- 許可された内容、許可された親要素
-
#18 tableタグで表を作ってみよう (01:37)
- table
- thead、tbody
- tr
- th、td
-
#19 表をマークアップしてみよう (02:01)
- 表のマークアップ
-
#20 form､input､labelを使ってみよう (02:10)
- form
- input
- label
-
#21 textarea､buttonを使ってみよう (01:50)
- textarea
- button
-
#22 入力部品で使える属性を見ていこう (01:59)
- value
- placeholder
- buttonとinputの違い
-
#23 パスワード入力欄､selectを使おう (02:44)
- password入力欄
- select、option
- selectで使える属性
-
#24 チェックボックスを作ってみよう (02:06)
- fieldset、legend
- checkbox
- checked属性
-
#25 ラジオボタンを作ってみよう (01:38)
- radio
- name属性
-
#26 コンテンツセクショニングを理解しよう (01:42)
- コンテンツセクショニングについて
- header
- footer
- nav
- section
- article
- aside
-
- header
- footer
- nav
- section
-
#28 article､asideを使ってみよう (02:43)
- article
- footer
- aside
-
#29 実体参照とpreを使ってみよう (02:52)
- 実体参照
- pre
-
#30 div､spanを使ってみよう (02:25)
- div
- span
