HTMLとは？
HTMLの基礎と、Webページの作成に重要な理由を学びます。
「HTMLとは？」はCoddyKit上の無料HTML for Kidsレッスンです。 これはレッスン1/4です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはHTML for Kids学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 HTML for Kidsコースには全4レッスンが含まれています。
HTMLとは？
HTMLの世界へようこそ！今日は、HTMLとは何か、そしてなぜ重要なのかを学びます。このレッスンが終わる頃には、Webページがどのように作られているかの基本を理解できるようになります。
HTMLは何を表している？
HTMLはHyperText Markup Languageの略です。Webページを作成するために使われる言語です。
HTMLは、Webページの設計図のようなものです。テキストや画像などの要素をブラウザーにどのように表示するかを伝えます。
HTMLはなぜ重要？
HTMLが重要なのは、次の役割を果たすためです。
- Webページを構築する：皆さんが訪れるすべてのWebページはHTMLを使って作られています。
- シンプルで強力：簡単に学べる一方で、驚くほど多彩なものを作成できます。
- 汎用的：HTMLはあらゆるデバイスやブラウザーで動作します。
HTMLがなければ、インターネットは今のように魅力的には見えないでしょう。
HTMLを動かしてみる
HTMLの簡単な例を見てみましょう。
<!DOCTYPE html>
<html>
<head>
<title>My First Page</title>
</head>
<body>
<h1>Welcome to My Page!</h1>
<p>This is a paragraph of text.</p>
</body>
</html>
HTMLの仕組み
HTMLでは、タグを使ってコンテンツを構造化します。タグは、ブラウザーに何をするかを伝える入れ物のようなものです。
- 開始タグ：
<h1> - 終了タグ：
</h1> - コンテンツ：タグの内側にあるテキストや情報です。
これらを組み合わせると、要素になります：<h1>Hello</h1>
HTMLコードを表示する
どのWebページでも、その背後にあるHTMLコードを確認できます。
- Webページ上で右クリックします。
- ページのソースを表示を選択します。
- HTMLコードが表示された新しいタブが開きます。
お気に入りのWebサイトで試して、どのように作られているか確認してみましょう。
HTMLはいたるところで使われています
HTMLはWebページだけに使われるものではありません。次のような場面でも使われています。
- メール：デザイン性の高いメール。
- ゲーム：ブラウザーで動作するシンプルなゲーム。
- アプリ：Web技術を利用するモバイルアプリ。
HTMLを学ぶことは、Webクリエイターになるための第一歩です。
HTMLを書いてみましょう
HTMLの簡単な構造を見てみましょう。自分で書いてみてください。
<!DOCTYPE html>
<html>
<head>
<title>My Test Page</title>
</head>
<body>
<h1>Hello, World!</h1>
<p>This is my first HTML page.</p>
</body>
</html>
よくできました
HTMLとは何か、なぜ重要なのかを学びました。また、基本的なHTMLコードの書き方と、その構造についても確認しました。次のレッスンでは、HTMLの世界をさらに深く学んでいきます。
よくある質問
「HTMLとは？」レッスンは無料ですか？
はい。「HTMLとは？」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し（組み込みコードエディタと24時間対応のAIチューター）、HTML for Kidsコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 HTML for Kidsコースには全4レッスンが含まれています。
「HTMLとは？」で何を学びますか？
HTMLの基礎と、Webページの作成に重要な理由を学びます。 ブラウザで直接実行するハンズオンコードでHTML for Kidsを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。
HTML for Kidsを始めるのに経験は必要ですか？
事前経験は必要ありません。CoddyKitのHTML for Kidsは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン1/4です。
「HTMLとは？」レッスンにはどのくらい時間がかかりますか？
ほとんどのCoddyKitレッスンは約5～10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。
このHTML for Kidsレッスンでコードを書いて実行できますか？
はい。すべてのHTML for Kidsレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。