【旧版】HTMLステップアップ編

テーブルとフォーム等について

お知らせ：旧版のコースのためメンテナンス及びサポートを終了しています。動画は引き続きご視聴いただけます。

プレミアム

合計時間：01:11:47

レクチャー一覧

• HTMLステップアップ編
• 1. HTMLステップアップ_イントロダクション

  00:41
  このセクションについて説明します。
  • セクションの概要
  • 学習の仕方について
  • 学習内容について

• 2. table

  14:56
  テーブルについて説明します。
  • tr/th/tdタグの説明
  • thead/tfoot/tbodyタグの説明
  • セルの結合

• 3. 行と列の覚え方

  00:45
  行と列を見分ける覚え方を説明します。
  • 行と列がわからなくなった時
  • 漢字を使った覚え方
  • アルファベットを使った覚え方

• 4. 演習_table

  01:41
  テーブルに関する演習です。
  • 目標物確認
  • 添付資料について
  • リンクについて

• 5. 演習回答_table

  09:06
  テーブルに関する演習の回答です。
  • 目標物の確認
  • テーブルの作成
  • 演習回答

• 6. フォーム

  03:46
  フォームについて説明します。
  • フォームとは？
  • フォームタグ/GETとPOST
  • インプットタグについて

• 7. シンプルなフォーム

  06:16
  シンプルなフォームを作ります。
  • formのアクションと属性
  • インプットタグの種類
  • プレイスホルダー

• 8. 色々なフォーム部品1

  06:32
  色々なフォーム部品を使ってみます。
  • プルダウン
  • ラジオボタン
  • サブミットボタン

• 9. 色々なフォーム部品2

  08:14
  色々なフォーム部品を使ってみます。
  • selectタグ/optionタグ
  • selected(初期値)/value属性
  • textarea/checkbox

• 10. フォームバリデーション

  04:56
  フォームバリデーションについて説明します。
  • バリデーションとは？
  • 入力必須制約
  • ラベルタグ

• 11. 演習:フォーム

  02:12
  フォームに関する演習です。
  • 目標物の確認
  • 素材のダウンロードについて
  • 作り方の説明

• 12. 演習回答_フォーム1

  07:48
  フォームに関する演習の回答です。
  • フォームの設置
  • テーブルの設置
  • フォーム部品の確認

• 13. 演習回答_フォーム2

  04:54
  フォームに関する演習の回答の続きです。
  • email入力欄の設置
  • プルダウンの設置
  • テキストエリアの設置