8 つのガイド付きハンズオンラボで HTML を書き、Web ページの構造を学びます。有効な document skeleton から始め、一般的な content element を一つずつ追加し、最後に個人ページへ組み合わせます。
element の選択、正しい入れ子、content と resource を結ぶ attribute など、markup に集中します。CSS で style を付けたり JavaScript で behavior を追加したりする前の実践的な基礎になります。
学習内容
このコースを修了すると、次のことができるようになります。
- 必要なページ構造と content area を持つ完全な HTML document を作成する。
- heading と paragraph で text を整理し、一般的な text-formatting element を使う。
- ordered list と unordered list でグループ化した content を表す。
- link でページや resource を接続し、HTML attribute で画像を埋め込む。
- row、cell、table element で表形式の情報を構造化する。
- 適切な form control で user input を収集する基本 form を作る。
- text、navigation、image、list、table、form を一つの一貫したページへまとめる。
- 入れ子の HTML markup を読み書きし、element structure を分かりやすく保つ。
このコースの対象者
Web 開発が初めての方、CSS の前に HTML が必要な学習者、ブラウザページの markup を理解したい方に適しています。document structure を体系的に学ばず template を編集してきた方の復習にも役立ちます。
前提知識： HTML やプログラミング経験は不要です。基本的なコンピュータ操作と text 編集ができればよく、file と folder に慣れていると役立ちます。
学習環境： 提供される実習環境で 8 つのガイド付きラボを行います。HTML file を編集し、作業中に結果ページを確認します。外部 hosting account や deployment service は不要です。
よくある質問
CSS や JavaScript も学べますか？
いいえ。HTML の structure と content element に集中します。CSS styling と JavaScript behavior は別のスキルで、8 つのラボには含まれません。
完全な Web site を作りますか？
コースの HTML 概念を組み合わせた個人ページを作ります。単一ページの基礎であり、style、interaction、routing、backend を持つ複数ページの production site ではありません。
独立した coding challenge はありますか？
challenge lab は記載されていません。8 つすべてがガイド付きで、HTML syntax と document structure の初学者に適しています。
ページを internet に公開しますか？
いいえ。作業は提供された学習環境内に残ります。domain、hosting、deployment、本番 Web operation は範囲外です。
