はじめてHTMLに触れる方のための「HTML基礎」講座です。
このトレーニングでは、自己紹介ページの作成からスタートして、見出し・リスト・画像・リンク・表・フォームなど、Webページに必要な要素を一つずつ練習していきます。
各レッスンは「短い解説 → 実際にコードを書く → ブラウザで確認」
の流れで進みます。
さらに、操作の流れが分かる 短い動画（mp4） も用意しているので、「コードだけだと不安…」という方も、画面を見ながら安心して学習できます。
この講座で身につくこと
この講座でできるようになること
- 自己紹介ページを一から作成できる
- 見出しや段落を使って、文章を読みやすく整理できる
- 画像やリンク、表（テーブル）、フォームなど、よく使うHTMLタグをひと通り使える
header/main/footerなどの セマンティックなHTML構造 を使って、“きちんとした土台” を作れる
「難しい専門用語よりも、まずは 手を動かして1ページ作り切ること」を大切にしています。
こんな方におすすめです
- HTMLはほぼ初めてで、タグの意味から学びたい
- Progate や書籍で少しかじったけれど、実際のページ作りに自信がない
- これからCSS・JavaScript・WordPressに進む前に、「HTMLの土台」をしっかり固めておきたい
- 職業訓練や独学でWeb制作を始めたいが、何からやればいいか迷っている
学習の進め方
- 気になるレッスンタイトルをクリックします
- ページ上部で、学ぶタグやポイントを確認します
- 下にあるサンプルコードを写しながら、自分のエディタで実行してみます
- 必要なところは、短い操作動画（mp4）で手順を確認します
- 最後の「ミニ課題」で、少しだけアレンジしたページを作ってみましょう
1レッスンあたり 20〜40分程度を目安に進められるよう、できるだけコンパクトなステップに分けています。
HTMLで自己紹介ページを作ろう
見出しと強調を使ってコンテンツを整理しよう
リストタグを使って情報を整理しよう
画像と代替テキストを表示しよう
文字リンクと画像リンクを作ってみよう
表（テーブル）を作成してみよう
フォームの基本を作ってみよう
セマンティックなHTML構造を作ってみよう（header/main/footer）
記事とセクションを使って情報を整理しよう（section / article / aside）
記事ごとに独自のセマンティック構造を作ってみよう
ナビゲーションメニューを作ってみよう（header内 nav）
画像とキャプションをセットで扱ってみよう（figure / figcaption）
