ブラウザーによるHTMLの読み取り方
DOCTYPEが存在する理由と、DOCTYPEがない場合に何が起こるのかを学びます。
「ブラウザーによるHTMLの読み取り方」はCoddyKit上の無料HTML Academyレッスンです。 これはレッスン2/3です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはHTML Academy学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 HTML Academyコースには全3レッスンが含まれています。
ブラウザーは読者です
ChromeやSafariなどのブラウザーはHTMLを読み取り、実際のページとして表示します。🌐
テキストからページへ
プレーンなHTMLテキストを書きます。ブラウザーはそれを上から下へ読み取り、読み取った内容を描画します。
レシピのようなものです
HTMLをレシピだと考えてみましょう。ブラウザーは、各行を順番に実行する料理人です。🍳
タグは指示です
HTMLでは、タグと呼ばれる小さなラベルを使います。それぞれのタグが、コンテンツの一部が何であるかをブラウザーに伝えます。
タグの見た目
タグは山かっこの中に記述します。これは、テキストを囲む段落タグの例です。
<p>Hello!</p>開始と終了
ほとんどのタグはペアで使います。開始タグと、スラッシュが付いた終了タグです。コンテンツはその間に入れます。
ブラウザーはタグを隠します
HTMLを書いている間はタグが見えます。しかしページ上では、ブラウザーがコンテンツだけをきれいにスタイル付きで表示します。
順番が大切です
ブラウザーは上から下へ読み取るため、書いた順番どおりに表示されます。
間違いには寛容です
間違いがあっても心配しないでください。ブラウザーは寛容で、できる限りページを表示しようとします。😊
順調です！
これで、ブラウザーがタグをページに変える仕組みがわかりました。次は、実際に使う構成要素を見ていきましょう。🧩
クイックチェック
タグの働きを見ました。ブラウザーにコンテンツの種類を伝えるものは、山かっこの中の何でしょうか。
よくある質問
「ブラウザーによるHTMLの読み取り方」レッスンは無料ですか？
はい。「ブラウザーによるHTMLの読み取り方」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し（組み込みコードエディタと24時間対応のAIチューター）、HTML Academyコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 HTML Academyコースには全3レッスンが含まれています。
「ブラウザーによるHTMLの読み取り方」で何を学びますか？
DOCTYPEが存在する理由と、DOCTYPEがない場合に何が起こるのかを学びます。 ブラウザで直接実行するハンズオンコードでHTML Academyを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。
HTML Academyを始めるのに経験は必要ですか？
事前経験は必要ありません。CoddyKitのHTML Academyは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン2/3です。
「ブラウザーによるHTMLの読み取り方」レッスンにはどのくらい時間がかかりますか？
ほとんどのCoddyKitレッスンは約5～10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。
このHTML Academyレッスンでコードを書いて実行できますか？
はい。すべてのHTML Academyレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。
このコースのすべてのレッスン
- HTMLとは
- ブラウザーによるHTMLの読み取り方
- ページを構成する基本要素