よんなーハウス

HTML入門

初心者向け

HTMLの基本を学び、自分だけのWebページを作成しましょう。基本から応用まで幅広く学べます。

5章
23レッスン

1. HTMLの基本

HTMLの基本的な構造と要素について学びます。

1

HTMLとは何か

HTMLの概念と役割について学びます。

2

HTMLの歴史と進化

HTMLの歴史と、HTML5までの進化について学びます。

3

最初のHTMLページ

基本的なHTMLページの構造を学び、実際に作成します。

4

HTML要素の基本

見出し、段落、リストなどの基本的なHTML要素について学びます。

5

テキストの書式設定

HTMLでテキストの書式を設定する方法を学びます。

2. HTMLの応用

リンク、画像、テーブルなどの応用的な要素について学びます。

1

リンクと画像

Webページにリンクと画像を追加する方法を学びます。

2

テーブル

HTMLでテーブル(表)を作成する方法を学びます。

3

高度なリスト

定義リストや入れ子になったリストなど、高度なリストの作成方法を学びます。

4

マルチメディア

HTMLで音声や動画を埋め込む方法を学びます。

3. HTMLフォーム

ユーザーからの入力を受け付けるフォームの作成方法を学びます。

1

フォームの基本

HTMLフォームの基本的な構造と使い方を学びます。

2

フォーム要素

テキスト入力、チェックボックス、ラジオボタンなどのフォーム要素について学びます。

3

HTML5のフォーム機能

HTML5で追加されたフォーム機能について学びます。

4

登録フォームの作成

これまで学んだフォームの知識を使って、ユーザー登録フォームを作成します。

プロジェクト レッスンを開始

4. セマンティックHTML

意味のあるHTMLマークアップについて学び、アクセシビリティと検索エンジン最適化(SEO)を向上させます。

1

セマンティック要素

HTML5で導入されたセマンティック要素について学びます。

2

アクセシビリティの基本

HTMLでアクセシブルなWebページを作成するための基本を学びます。

3

SEOの基本

検索エンジン最適化(SEO)のためのHTMLマークアップの基本を学びます。

4

セマンティックなWebサイトの作成

セマンティックHTMLを使って、ブログのホームページを作成します。

プロジェクト レッスンを開始

5. 最終プロジェクト

学んだ知識を活かして、総合的なWebサイトを作成します。

1

ポートフォリオサイトの計画

ポートフォリオサイトの構造と内容を計画します。

2

ポートフォリオサイトのホームページ

ポートフォリオサイトのホームページを作成します。

プロジェクト レッスンを開始
3

ポートフォリオサイトの自己紹介ページ

ポートフォリオサイトの自己紹介ページを作成します。

プロジェクト レッスンを開始
4

ポートフォリオサイトのお問い合わせページ

ポートフォリオサイトのお問い合わせページを作成します。

プロジェクト レッスンを開始
5

エラー解決とデバッグ

HTMLコードのエラーを見つけて修正する方法を学びます。

6

次のステップ

HTMLの次に学ぶべきことについて知ります。

AIプログラミング学習サービス

プロンプトを教材として利用する新しい学習方法

© 2025 AIプログラミング学習サービス. All rights reserved.

©makaniaizu 2024