プログラミング

HTMLの基本構造と要素

最終更新： 03/03/2025
1分未満

HTML（HyperText Markup Language）は、ウェブページを作成するための基本的な言語であり、ウェブの構造を定義するために使用されます。ウェブサイトの骨組みを作るために必要不可欠な要素がHTMLです。この言語は、タグを使用してテキスト、画像、リンク、その他のコンテンツをページに配置するための指示を提供します。以下に、HTMLの重要な要素と概念について、完全かつ包括的に解説します。

1. HTMLの基本構造

HTMLドキュメントは、特定の構造を持っています。基本的なHTML文書の構造は次のようになります。

関連記事
html
html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ウェブページのタイトルtitle>
head>
<body>
    <h1>ウェブページのタイトルh1>
    <p>ウェブページの内容がここに入ります。p>
body>
html>

この構造は、HTMLドキュメントの基本的なフレームワークです。

  • : HTML5文書を宣言するために使用します。
  • : HTML文書全体を囲むタグです。
  • : メタデータ（ページのタイトルや文字セットなど）を含む部分です。
  • : 実際のコンテンツが表示される部分です。

2. タグと要素

HTMLの中で最も重要なのは「タグ」です。タグは、特定の機能や構造を持つHTML要素を定義します。タグは、通常、開始タグと終了タグで囲まれます。

  • 開始タグ: <タグ名>
  • 終了タグ:

例:

html
<p>これは段落です。p>

ここで、

は段落（パラグラフ）を定義するタグであり、

は段落の終了を示します。

3. 重要なHTMLタグ

a. 見出しタグ (

–

)

見出しタグは、ページの見出しを定義します。

は最も重要な見出し、

は最も重要度が低い見出しを表します。

html
<h1>主な見出しh1>
<h2>副見出しh2>
<h3>さらに詳細な見出しh3>

b. 段落タグ (

)

段落タグは、テキストの段落を定義します。

html
<p>これは段落です。ここに文章を記述します。p>

c. リストタグ (

    ,

      ,

    1. )

リストは、順不同リスト（