Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
学ぶ HTMLドキュメントの基本構造 | ウェブとHTMLの理解
HTMLの基本

bookHTMLドキュメントの基本構造

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

一般的なHTMLドキュメントは次のようになります:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Title of the Document</title>
  </head>
  <body>
    <!-- Content goes here -->
  </body>
</html>
Note
ノート

心配はいりません。各要素については今後の章で詳しく学びます。まずはHTMLの見た目に慣れてください。

構造の簡単なまとめ

  • <!DOCTYPE html>:ドキュメントがどのバージョンのHTMLを使用しているかをブラウザに伝える。ここでは最新バージョンであるHTML5;
  • <html>:HTMLドキュメントのルート要素。他のすべての要素はこの要素内に含まれる;
  • <head>:ドキュメントに関するメタ情報を含む。文字エンコーディング(<meta charset="UTF-8">)は特殊文字が正しく表示されるようにし、ドキュメントタイトル(<title>)はブラウザのタイトルバーやタブに表示される;
  • <title>:ドキュメントのタイトルを設定し、ブラウザのタイトルバーやタブに表示される;
  • <body>:ウェブページの主なコンテンツを配置する場所。テキスト、画像、リンク、フォーム、その他の要素を<body>要素内に配置する。ユーザーがウェブページを訪れた際に実際に見る部分。

コードエディタリンク - Visual Studio Code

すべて明確でしたか?

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

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

セクション 1.  5

AIに質問する

expand

AIに質問する

ChatGPT

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

セクション 1.  5
some-alt