HTMLの紹介
HTMLは、Webページを作成するための標準のマークアップ言語です。
HTMLとは何ですか？
- HTMLはハイパーテキストマークアップ言語の略です
- HTMLは、Webページを作成するための標準のマークアップ言語です。
- HTMLはWebページの構造を記述します
- HTMLは一連の要素で構成されています
- HTML要素は、コンテンツの表示方法をブラウザに指示します
- HTML要素は、「これは見出しです」、「これは段落です」、「これはリンクです」などのコンテンツにラベルを付けます。
シンプルなHTMLドキュメント
例
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
例の説明
- 宣言は、この
<!DOCTYPE html>ドキュメントがHTML5ドキュメントであることを定義しています - この
<html>要素は、HTMLページのルート要素です。 - この
<head>要素には、HTMLページに関するメタ情報が含まれています - この
<title>要素は、HTMLページのタイトルを指定します（ブラウザーのタイトルバーまたはページのタブに表示されます）。 - この
<body>要素はドキュメントの本文を定義し、見出し、段落、画像、ハイパーリンク、表、リストなど、表示されているすべてのコンテンツのコンテナです。 <h1>要素は大きな見出しを定義します<p>要素は段落を定義します
HTML要素とは何ですか？
HTML要素は、開始タグ、一部のコンテンツ、および終了タグによって定義されます。
< tagname >コンテンツはここにあります... < / tagname >
HTML要素は、開始タグから終了タグまでのすべてです。
< h1 >私の最初の見出し< / h1 >
< p >私の最初の段落。< / p >
| Start tag | Element content | End tag |
|---|---|---|
| <h1> | My First Heading | </h1> |
| <p> | My first paragraph. | </p> |
| <br> | none | none |
注：一部のHTML要素にはコンテンツがありません（<br>要素など）。これらの要素は空の要素と呼ばれます。空の要素には終了タグがありません！
ウェブブラウザ
Webブラウザ（Chrome、Edge、Firefox、Safari）の目的は、HTMLドキュメントを読み取り、正しく表示することです。
ブラウザはHTMLタグを表示しませんが、HTMLタグを使用して、ドキュメントの表示方法を決定します。
HTMLページ構造
以下は、HTMLページ構造の視覚化です。
<html>
<頭>
<title>ページタイトル</ title>
</ head>
<本体>
</ body>
</ html>
<h1>これは見出しです</ h1>
<p>これは段落です。</ p>
<p>これは別の段落です。</ p>
注： <body>セクション（上の白い領域）内のコンテンツは、ブラウザーに表示されます。<title>要素内のコンテンツは、ブラウザのタイトルバーまたはページのタブに表示されます。
HTML履歴
World Wide Webの初期の頃から、HTMLには多くのバージョンがありました。
| Year | Version |
|---|---|
| 1989 | Tim Berners-Lee invented www |
| 1991 | Tim Berners-Lee invented HTML |
| 1993 | Dave Raggett drafted HTML+ |
| 1995 | HTML Working Group defined HTML 2.0 |
| 1997 | W3C Recommendation: HTML 3.2 |
| 1999 | W3C Recommendation: HTML 4.01 |
| 2000 | W3C Recommendation: XHTML 1.0 |
| 2008 | WHATWG HTML5 First Public Draft |
| 2012 | WHATWG HTML5 Living Standard |
| 2014 | W3C Recommendation: HTML5 |
| 2016 | W3C Candidate Recommendation: HTML 5.1 |
| 2017 | W3C Recommendation: HTML5.1 2nd Edition |
| 2017 | W3C Recommendation: HTML5.2 |
このチュートリアルは、最新のHTML5標準に準拠しています。