Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
学ぶ チャレンジ:HTMLドキュメントの構造化 | HTMLファンダメンタルズ
/
HTMLの基本

bookチャレンジ:HTMLドキュメントの構造化

メニューを表示するにはスワイプしてください

最初のチャレンジです!チャレンジでは、学んだ理論を実際のコードに適用して練習できますので、ぜひ取り組んでください。

進め方は次の通りです:

  • 完成させるべき課題が提示されます;
  • 一部が空欄になっているコードブロックが用意されます;
  • 空欄を埋めてコードを実行し、答えを確認します。

コードの下には2つのボタンがあります:

  • ボタンは、チャレンジのヒントを表示します;
  • ボタンは、そのチャレンジの完成したコードを表示します。

さまざまな方法を試しながら、自信をつけていきましょう。 健闘を祈ります!

課題

HTMLドキュメントの基本構造を作成するために空欄を埋めてください。

index.html

index.html

copy

ヒント

  • ステップ 1: ドキュメントタイプ宣言は <!DOCTYPE html> です。この宣言は、ドキュメントがHTML5で書かれていることをブラウザに伝えます。
  • ステップ 2: headセクションには、適切な開始タグと終了タグ(<head></head>)を入力します。
  • ステップ 3: 文字エンコーディングには UTF-8 を使用します。
  • ステップ 4: bodyセクションには、適切な開始タグと終了タグ(<body></body>)を入力します。
index.html

index.html

copy
すべて明確でしたか?

どのように改善できますか?

フィードバックありがとうございます!

セクション 2.  2

AIに質問する

expand

AIに質問する

ChatGPT

何でも質問するか、提案された質問の1つを試してチャットを始めてください

セクション 2.  2
some-alt