Menu
Coddy logo textTech

HTMLの基本構造

CoddyのHTMLジャーニー「Fundamentals」セクションの一部 — レッスン 2/60。

すべてのHTMLドキュメントは、シンプルな構造に従っています。 

それは <!DOCTYPE html> で始まります。これは、使用しているHTMLのバージョンを伝えるものです。 

その後に <html> タグが続き、これにはすべてのHTMLコンテンツが含まれます。 

<html> タグの中に <body> タグを追加します。これにはウェブページのすべての表示されるコンテンツが含まれます。

シンプルな例を以下に示します:

<!DOCTYPE html>
<html>
    <body>
        This is some text.
    </body>
</html>

この例では、<body>タグ内のテキストは、ウェブページ上にテキストとして表示されます。

challenge icon

チャレンジ

簡単

HTMLページのベースコードが与えられます。次のテキストを<body>タグの中に配置してください:

To Infinity And Beyond!

すべての文字は大文字と小文字を区別することに注意してください。例えば:

To Infinity And Beyond!
to infinity and beyond!

は異なるものです(最初の行の大文字に注目してください)。

チートシート

すべてのHTMLドキュメントは、基本的な構造に従います:

  • <!DOCTYPE html> - HTMLのバージョンを宣言します
  • <html> - すべてのHTMLコンテンツを含みます
  • <body> - ウェブページのすべての表示されるコンテンツを保持します

基本的なHTML構造:

<!DOCTYPE html>
<html>
    <body>
        This is some text.
    </body>
</html>

自分で試してみよう

<!DOCTYPE html>
<html>
    <body>
        <!-- 以下にテキストを配置してください -->

    </body>
</html>
quiz icon腕試し

このレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。

Fundamentalsのすべてのレッスン