【旧版】HTML入門

マークアップ言語HTMLの基本的な使い方を学ぶ

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

プレミアム

合計時間：01:18:43

レクチャー一覧

• HTMLの基礎
• 1. 基礎イントロダクション

  00:46
  このセクションについて説明します。
  • 学習の流れ
  • 学習内容の説明
  • 学習のやり方、狙い

• 2. HTMLの歴史

  02:33
  HTMLの歴史について説明します。
  • HTMLの誕生
  • HTMLのバージョン
  • 用語についての説明

• 3. htmlの基本構文

  00:54
  HTMLの基本構文について説明します。
  • HTMLの基本構文について
  • 具体例
  • タグと要素

• 4. MDN

  02:30
  MDNについて説明します。
  • MDNとは？
  • MDNのサイト
  • 実務での使い方

• 5. HTML文章の基本構造

  01:00
  HTML文章の基本構造について説明します。
  • HTML文書の基本構造の説明
  • html要素について
  • head/body要素について

• 6. 【macOS】はじめてのHTML

  08:51
  HTMLを記述していきます。
  • Atomの起動
  • フォルダ/ファイルの作成
  • はじめてのHTML(HTMLコード記述)

• 7. #06b:【Windows】はじめてのHTML

  09:24
  HTMLを記述していきます。
  • フォルダ/ファイルの作成
  • Atomの起動
  • はじめてのHTML(HTMLコード記述)

• 8. HTMLの雛形（テンプレート）
  template.htmlについての説明
  • 雛形となる部分のコピー
  • 動画で説明してない部分について
  • レクチャーのリソース
    
    今後のレクチャーで使用します。
    
    
  ファイルをダウンロードして学習にご利用ください。
  
  

• 9. コメント

  03:57
  コメントについて説明します。
  • コメントとは？
  • コメントアウト
  • コメントの記述方法

• 10. Atomの設定 不可視文字

  01:01
  Atomの設定についての補足をします。
  • 設定手順
  • Show Invisibles
  • インデントについて

• 11. 基本的なタグ

  08:24
  HTMLの基本的なタグを説明します。
  • 見出しについて(hタグ)
  • 段落について(pタグ)
  • 改行/強調/字体を表すタグ

• 12. HTMLの文法チェック

  03:31
  HTMLの文法をチェックします。
  • W3Cのバリデーター
  • HTMLのチェックの仕方
  • 文法エラーがある場合

• 13. リスト

  06:59
  リスト表示について説明します。
  • リストの種類
  • アンオーダーリストの作成
  • オーダーリストの作成

• 14. 演習:リスト

  02:18
  リストを作成する演習です。
  • 目標物の確認
  • ファイルの作成
  • わからない場合

• 15. 演習回答_リスト

  06:16
  リストを作成する演習の回答です。
  • 見出しタグ
  • リストタグ
  • 回答の表示

• 16. div, span

  05:21
  divとspanタグについて説明します。
  • div、spanの用途
  • div、spanの違い
  • div、spanの実践と注意点

• 17. 属性 attribute

  05:36
  属性(Attribute)について説明します。
  • 属性(Attribute)とは？
  • 相対パス、絶対パス
  • imgを使った属性タグの記述

• 18. リンク

  02:13
  リンクについて説明します。
  • aタグについて
  • リンク先の種類
  • リンクを作成する実践

• 19. 演習:HTML基礎

  02:13
  このセクションで学習したことを演習します。
  • 目標物確認
  • 素材について
  • タグの説明

• 20. 演習回答:HTML基礎

  04:56
  このセクションで学習したことの演習の回答をします。
  • 完成形の確認
  • HTMLファイルの編集
  • 演習回答