はじめに
- コースを始める前に
- 「ブラウザ」と「エディタ」を準備しましょう！
- ATOMの設定を行いましょう！
- 【テキスト】開発環境を準備しましょう！
HTMLって何？「HTML基礎構文-第1章-」
- 【ダウンロードファイル】HTML基礎構文-第1章-
- HTMLってどういうもの？
- HTMLでは「タグ」を使用します。
- 「開始タグ」と「終了タグ」を学習しましょう！
- テキストエディタにコードを書いてみましょう！
- 他の見出しを記述しましょう！
- 「p」タグを記述してみましょう！
- 「a」タグを記述してみましょう！
- リンクのコンテンツを日本語に変えましょう！
画像ファイルを挿入しましょう！「HTML基礎構文-第2章-」
- 【ダウンロードファイル】HTML基礎構文-第2章-
- HTMLの宣言や情報の記述の方法を学習しましょう！
- コードを記述していきましょう！ ブラウザで確認してみましょう！
- インデントを活用しましょう！
- 「body」要素の中に、コンテンツを記述しましょう！
- 画像を挿入してみましょう！
- 階層とは？
- 「IMG」フォルダ内の画像にアクセスしましょう！
「em」「strong」タグを学習しましょう！「HTML基礎構文-第3章-」
- 【ダウンロードファイル】HTML基礎構文-第3章-
- 改行の方法を学習しましょう！
- エディタに必要な情報を記述しましょう！
- 「h1」や「p」要素を追加しましょう！
- コンテンツの記述を完成させましょう！
- 特殊な文字の入力方法を覚えましょう！
- 「<」「>」などを入力し直しましょう！
- 文字を強調する「em」要素を学習しましょう！
- 文字の重要度を高める「strong」要素を学習しましょう！
- コンテンツの中に「strong」要素を追加しましょう！
「li」「ul」「ol」タグを学習しましょう！「HTML基礎構文-第4章-」
- 【ダウンロードファイル】HTML基礎構文-第4章-
- リストの作成方法を見てみましょう！
- 「順不同リスト」を作成してみましょう！
- 「番号順リスト」を作成してみましょう！
- 「h」タグなどを追加してWebページを作成しましょう！
- 「番号順リスト」を追加しましょう！
- 箇条書きを入れ子にする方法を見てみましょう！
- Webページ内に入れ子のリストを追加しましょう！
「dl」「dt」「dd」タグを学習しましょう！「HTML基礎構文-第5章-」
- 【ダウンロードファイル】HTML基礎構文-第5章-
- 用語説明型のリストを見てみましょう！
- 必要なコンテンツをエディタに記述しましょう！
- 「dt」要素で、名前を囲みましょう！ 「dd」要素で、説明文を囲みましょう！
- それぞれの要素を整理して理解しましょう！
- 用語説明型リストを使用したWebページを作成してみましょう！
今まで学習した内容の問題にチャレンジしよう！「HTML基礎構文-練習問題1-」
- 【ダウンロードファイル】HTML基礎構文-練習問題1-
- 作成するWebページを確認してみましょう！
- 【解説】必要なページ情報を記述しましょう！
- 【解説】「画像」と「リスト」を追加しましょう１
- 【解説】「リスト」の中に「リスト」を作成しましょう！
- 【解説】「用語説明型リスト」を追加しましょう！
- 【解説】「リンク」を追加しましょう！
もっとHTMLを学習しましょう！
- ボーナスレクチャー:HTMLをもっと本格的に学習するには？
