70以上のレッスンで、基礎からしっかり学べる！ HTML5完全マスターコース

Course Curriculum

Chapter 1: HTML入門 第１回

Lecture 1: Webページを設計する方法

Lecture 2: Webサイト制作の言語、HTMLとは

Lecture 3: Webページがブラウザに表示される仕組み

Lecture 4: HTML制作に必要なアプリケーションをインストールする方法

Lecture 5: HTMLファイルを新規作成する方法

Lecture 6: ゼロから学ぶHTMLタグの書き方入門

Lecture 7: [実践]HTMLを書いてみよう：簡単なテキストのマークアップ

Lecture 8: HTMLファイルをブラウザで表示させるには

Lecture 9: Web製作者が知っておくべき、ブラウザの種類と特徴

Chapter 2: HTML入門 第２�

Lecture 1: HTML5を宣言するDOCTYPEの書き方

Lecture 2: HTMLの基本構造を記述する方法

Lecture 3: 文字エンコードの種類と記述方法

Lecture 4: Webページにタイトルを付ける<title>タグの書き方

Lecture 5: Webサイトの情報を示す<meta>タグの書き方

Lecture 6: 見出しである事を示す<h1>の書き方

Lecture 7: 段落である事を示す<p>タグの書き方

Lecture 8: 画像を表示するための<img>タグの書き方

Lecture 9: タグに情報を付加するための属性の書き方

Chapter 3: HTML入門 第３回

Lecture 1: 文字の色を変える、属性の書き方

Lecture 2: レイアウトのためのタグを記述してみよう

Lecture 3: リストタグを使ってナビゲーションを作ってみよう

Lecture 4: メイン画像を表示させてみよう

Lecture 5: コンテンツをマークアップしてみよう

Lecture 6: フッターをマークアップしてみよう

Lecture 7: CSSファイルを読み込む<link>タグの記述方法

Lecture 8: コメントアウト<!– –>を書く方法

Lecture 9: [実践]アバウトページを作ってみよう

Chapter 4: フォー�

Lecture 1: フォームを作成するための<form>タグの書き方

Lecture 2: <input>タグでテキスト入力フォームを作る方法

Lecture 3: <textarea>タグで長文向けフォームを作成する方法

Lecture 4: <input>タグで送信・リセットボタンを作る方法

Lecture 5: <label>タグでフォームにラベルを付ける方法

Lecture 6: <fieldset>タグでフォームをグループに分ける方法

Lecture 7: <select>タグでセレクトメニューを作る方法

Lecture 8: <radio>タグでラジオボタンを作る方法

Lecture 9: <input>タグでチェックボックスを作る方法

Lecture 10: [チャレンジ]フォームに関するタグを使って、ログインページを作ろう！

Chapter 5: テーブル

Lecture 1: テーブルを作成するための<table>タグの書き方

Lecture 2: テーブルに項目名を設定する<th>タグの書き方

Lecture 3: テーブルに説明を加える３つのタグの書き方

Lecture 4: 行をグループ化する３つのタグの書き方

Lecture 5: 隣り合う複数のセルを結合させるタグの書き方

Lecture 6: [チャレンジ]テーブルタグを使って、企業概要ページを作ろう！

Chapter 6: テキストとリスト

Lecture 1: 見出しをつける<h1>~<h6>の書き方

Lecture 2: 段落<p>タグと改行<br>タグの書き方

Lecture 3: 語句を強調、ハイライト表示させるタグの書き方

Lecture 4: 引用するときの<blockquote>タグの書き方

Lecture 5: 改行や余白をそのまま表示させる<pre>タグの書き方

Lecture 6: 連絡先や問合せ先、省略文字、改行位置を示す方法

Lecture 7: 箇条書きリストを作成する方法

Lecture 8: 定義型リストを作成する方法

Lecture 9: 文字構造を意識したHTMLテキストのマークアップをしてみよう

Lecture 10: [チャレンジ]テキスト系タグを使った、カフェメニューページを作ろう！

Chapter 7: リンクと画像・動画・オーディオ

Lecture 1: 指定のページへリンクさせる<a>タグの書き方

Lecture 2: 指定のHTMLファイルへリンクさせる<a>タグの書き方

Lecture 3: ページ内ジャンプさせるリンクの書き方

Lecture 4: 画像を表示する<img>タグの書き方

Lecture 5: 横罫線を表示する<hr>タグの書き方

Lecture 6: youtube動画をサイトに埋め込む方法

Lecture 7: ページの中に別のページを表示させる<iframe>の書き方

Lecture 8: google mapを表示させる方法

Lecture 9: [チャレンジ]youtube動画を使った、映画情報サイトを作ろう！

Chapter 8: HTMLテクニック

Lecture 1: リンクのクリックでメールソフトを起動させる方法

Lecture 2: 件名や本文を入力している状態でメールソフトを起動させる方法

Lecture 3: ユーザーに親切なお問い合わせメールを作成してみよう

Lecture 4: ファビコンを設定する方法

Lecture 5: サイトでPDFファイルをダウンロードさせる方法

Lecture 6: 秒数を指定して自動的に特定のページへジャンプさせる方法

Lecture 7: [チャレンジ]素材ダウンロードサイトを作ってみよう

Chapter 9: 要素のセクショニング

Lecture 1: Webページレイアウトの基礎を学ぼう

Lecture 2: ヘッダーとナビゲーションを作成する方法

Lecture 3: メインコンテンツ、サイドバー、フッターの作成方法

Lecture 4: Webサイト全体を真ん中寄せにするためのタグの記述方法

Lecture 5: sectionタグとarticleタグの違い

Lecture 6: [チャレンジ]文書構造を意識した正しいグルーピングをしてみよう