03. 基本のタグ（html, body など）

ナナさん、HTMLの基本的なタグについて教えてほしいです！特に、どんなタグが必要なのか知りたいです。

もちろん、ミサキ！HTMLの基本的なタグは、ウェブページを作る上でとても重要だから、一緒に見ていこうね。

✴️ HTMLドキュメントの基本構造

HTMLドキュメントは、特定のタグを使って構成されます。基本的なタグを理解することで、ウェブページを正しく作成できます。

1. `<!DOCTYPE html>`

このタグは、HTML5文書であることをブラウザに伝えます。ページの最初に書く必要があります。

<!DOCTYPE html>

2. `<html>`

<html> タグは、HTMLドキュメントの開始と終了を示します。この中にすべての要素が入ります。

<html>
  <!-- 中略 -->
</html>

3. `<head>`

<head> タグは、ドキュメントのメタデータ（データについてのデータ）を含みます。ここには、スタイルやスクリプトをリンクするためのタグが入ります。

<head>
  <meta charset="UTF-8">
  <title>ページタイトル</title>
</head>

4. `<meta>`

<meta> タグは、ページの情報（文字コードや説明など）を設定します。

例：

<meta name="description" content="このページは例です。">

5. `<link>`

<link> タグは、外部のCSSファイルをリンクするために使います。

例：

<link rel="stylesheet" href="styles.css">

6. `<script>`

<script> タグは、JavaScriptのコードを埋め込むために使います。

例：
```
<script src="script.js"></script>
```

7. `<style>`

<style> タグは、ページ内に直接CSSのスタイルを記述するために使います。

例：

<style>
body {
  background-color: lightblue;
}
</style>

8. `<body>`

<body> タグは、ウェブページの本体部分を含みます。ここに表示したいコンテンツが入ります。

<body>
  <h1>こんにちは、世界！</h1>
  <p>これは私の最初のウェブページです。</p>
</body>

✴️ 利用ケース・例

これらのタグを使用することで、例えば以下のように基本的なウェブページを作成できます。

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>私のウェブページ</title>
  <link rel="stylesheet" href="styles.css">
</head>
<body>
  <h1>こんにちは、世界！</h1>
  <p>これは私の最初のウェブページです。</p>
  <script src="script.js"></script>
</body>
</html>

✅ まとめ

今回の内容では、HTMLの基本的なタグを紹介しました。以下が重要なポイントです：

<!DOCTYPE html> でHTML5を指定
<html>, <head>, <body> でドキュメントの構造を作成
<meta>, <link>, <script>, <style> タグでメタ情報やスタイル、スクリプトを設定

これらの基本的なタグを理解することで、ウェブ制作の第一歩を踏み出すことができますね！

03. 基本のタグ（html, body など）

✴️ HTMLドキュメントの基本構造

1. <!DOCTYPE html>

2. <html>

3. <head>

4. <meta>

5. <link>

6. <script>

7. <style>

8. <body>