HTML 速習チュートリアル

HTML 概要

1. HTMLとは?

HTMLは HyperText Markup Language の略称であり、ウェブページを作成するための標準的な マークアップ言語 です。

  • HTMLはウェブページの 構造(Structure) を記述します。
  • HTMLは一連の 要素(Elements) で構成されています。
  • HTML要素は、ブラウザに対してコンテンツをどのように表示すべきかを伝えます。
  • HTML要素は、「これは見出しです」「これは段落です」「これはリンクです」といったコンテンツの断片をラベル付けします。

2. シンプルなHTMLドキュメントの例

以下は基本的なHTMLドキュメントの構成例です。

<!DOCTYPE html>
<html>
<head>
<title>ページのタイトル</title>
</head>
<body>

<h1>最初の見出し</h1>
<p>最初の段落。</p>

</body>
</html>

2.1 例の解説

  • <!DOCTYPE html> 宣言は、このドキュメントが HTML5 であることを定義します。
  • <html> 要素は、HTMLページの ルート要素(Root Element) です。
  • <head> 要素は、HTMLページに関する メタ情報(Meta Information) を含みます。
  • <title> 要素は、HTMLページのタイトルを指定します(ブラウザのタイトルバーやタブに表示されます)。
  • <body> 要素は、ドキュメントの ボディ(本体) を定義し、見出し、段落、画像、ハイパーリンク、テーブル、リストなど、表示されるすべてのコンテンツのコンテナとなります。
  • <h1> 要素は、大きな 見出し(Heading) を定義します。
  • <p> 要素は、 段落(Paragraph) を定義します。

3. HTML 要素(HTML Elements)

HTML要素は、開始タグ、コンテンツ、そして終了タグによって定義されます。

<tagname> コンテンツがここに入ります... </tagname>

HTML要素とは、開始タグから終了タグまでのすべての要素を指します。

開始タグ要素のコンテンツ終了タグ
<h1>最初の見出し</h1>
<p>最初の段落。</p>
<br>なし(空要素)なし

       Note: 一部のHTML要素(<br>要素など)はコンテンツを持ちません。これらは 空要素(Empty Elements) と呼ばれ、終了タグを持ちません。

4. ウェブブラウザ(Web Browsers)

ウェブブラウザ(Chrome, Edge, Firefox, Safariなど)の目的は、HTMLドキュメントを読み込み、それを正しく表示することです。

ブラウザはHTMLタグを直接表示することはありませんが、ドキュメントをどのように表示するかを決定するためにタグを使用します。

5. HTMLの歴史

World Wide Webの黎明期から、HTMLには多くのバージョンが存在してきました。

バージョン (版本/大事件)
1989Tim Berners-LeeがWWWを発明 (Tim Berners-Lee 发明 WWW)
1991Tim Berners-LeeがHTMLを発明 (Tim Berners-Lee 发明 HTML)
1993Dave RaggettがHTML+を設計 (Dave Raggett 设计 HTML+)
1995HTML Working GroupがHTML 2.0を策定 (HTML 工作组制定 HTML 2.0)
1997W3C勧告: HTML 3.2 (W3C 推荐标准: HTML 3.2)
1999W3C勧告: HTML 4.01 (W3C 推荐标准: HTML 4.01)
2000W3C勧告: XHTML 1.0 (W3C 推荐标准: XHTML 1.0)
2008WHATWG HTML5 ファーストパブリックドラフト (WHATWG HTML5 首个公开草案)
2012WHATWG HTML5 Living Standard
2014W3C勧告: HTML5 (W3C 推荐标准: HTML5)
2016W3C勧告: HTML 5.1 (W3C 推荐标准: HTML 5.1)
2017W3C勧告: HTML 5.2 (W3C 推荐标准: HTML 5.2)
2019W3CとWHATWGが合意、HTML Living Standardが単一の公式標準に
2021W3CがHTML Living StandardをW3C勧告として承認
現在 (至今)WHATWGによるHTML Living Standardとして継続的に更新(バージョン番号の廃止)