TOP / HTML・CSSコーディング / 基本のタグ（html, body など）

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

ミサキ

ナナさん、基本のタグについて教えてもらえますか？どんなタグがあるのか全然わからないよ。

ナナ

もちろん、ミサキ！Webページを作る上で基本的なタグを理解することはとても大切だよ。まずは基本のタグを紹介するね。

✴️ HTMLの基本

HTML（HyperText Markup Language）は、Webページを作成するための言語です。基本的なタグは以下のようになります。

✴️ タグの種類

  1. <!DOCTYPE html>

    • HTML5であることを宣言します。これを最初に書くことで、ブラウザが正しくHTMLを解釈します。

  2. <html>

    • HTML文書の開始を示します。

  3. <head>

    • 文書のメタ情報やスタイルシート、スクリプトを記述する部分です。

  4. <meta>

    • 文書の情報を提供するためのタグ。例えば、文字コードの指定や、SEO対策などに使います。

  5. <link>

    • 外部のスタイルシートをHTMLにリンクするためのタグです。

  6. <script>

    • JavaScriptコードを記述するためのタグです。

  7. <style>

    • 内部スタイルシートを記述するためのタグです。

  8. <body>

    • Webページの内容が入る部分です。テキストや画像、リンクなどがここに入ります。

✴️ 具体的な書き方

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

✴️ 利用ケース・例