HTML-CSS 入門講座

HTML-CSS 入門講座

こんにちは！
今日も頑張ろう

Lesson-0
レッスン（Lesson）について

目次

L0.1 レッスン（Lesson）について

L0.1.1 レッスン（Lesson）の概要

  • 本サイトは、Web サイトを作成するための HTML、CSS、JavaScript、jQuery の基礎知識について記述しています。
  • HTML は、2021年に HTML5 が廃止になり HTML Living Standard に移行しました。本サイトでは、HTML Living Standard から Web サイト開発の入門となる機能を中心に説明しています。
  • CSS は、CSS3 が最新バージョンとして定義されていましたが、現在は、モジュール単位に分割されて仕様策定が行われています。このモジュールの総称を CSS と呼んでいます。本サイトでは、最新の CSS から Web サイト開発の入門となる機能の中心に説明しています。
  • 記載されている HTML 要素（タグ）や CSS プロパティの分類や説明が厳密ではない部分がありますが分かり易さを優先しましたのでご了承ください。
  • HTML や CSS には、多くの規定がありますが、本サイトでは、短期間で Web サイト作成の知識を習得するために主要機能を中心に記述してあります。本サイトに記述されていない機能については関連図書や関連サイトを参照してください。
  • HTML/CSS/JavaScript などの勉強するには、以下のオンラインドキュメントも参考にしてください。

レッスン（Lesson）の各章の概要は、以下の通りです。

(1) Lesson-1 HTML-CSS の勉強を始める前に
HTML、CSS の勉強を始める前に知っておきたい基本的な事項について説明します。
(2) Lesson-2 HTML での記述を始めましょう
HTML の記述方法と文法（タグの使用方法）および主要な要素について説明します。
(3) Lesson-3 HTML でコンテンツを追加しましょう
HTML で色々なコンテンツを追加する方法について説明します。
(4) Lesson-4 CSS でデザインを始める前に
CSS でのデザインを始める前に知っておきたい事項についいて説明します。
(5) Lesson-5 CSS でレイアウトを作りましょう
CSS でページのレイアウトを作成する方法を説明します。
(6) Lesson-6 CSS で文字飾りを付けましょう
CSS でのテキストへの文字飾り、フォント設定、リスト構造作成方法などを説明します。
(7) Lesson-7 CSS で飾りを追加しましょう
CSS でのバックグランド設定、テーブル構造作成、疑似クラス、疑似要素などについて説明します。
(8) Lesson-8 テーブルを活用しましょう
テーブルを活用するための機能とサンプルについて説明します。
(9) Lesson-9 フレックスレイアウトを活用しましょう
フレックスレイアウトを活用するための機能とサンプルについて説明します。
(10) Lesson-10 グリッドレイアウトを活用しましょう
グリッドレイアウトを活用するための機能とサンプルについて説明します。
(11) Lesson-11 CSS アニメーションを活用しましょう
CSSアニメーションを活用するための機能とサンプルについて説明します。
(12) Lesson-12 RWD 対応のサイトを作りましょう
レスポンシブWebデザイン（RWD）対応の Web ページ作成方法について説明します。
(13) Lesson-13 JavaScript / jQuery を始める前に
JavaScript や jQuery の記述を始める前に知っておきたい基本滝な事項について説明します。
(14) Lesson-14 JavaScript を記述しましょう
JavaScript の文法と使い方について説明します。
(15) Lesson-15 jQuery を記述しましょう
jQuery の文法と使い方について説明します。

L0.2 レッスン（Lesson）の記載内容

L0.2.1 目次

ロケット本体
PAGE
TOP
ロケット炎