HTML はwebページを作成するための標準マークアップ言語です。
- HTML はハイパーテキストマークアップ言語の略です
- HTML webページの構造を記述します
- HTML は一連の要素で構成されています
- HTML 要素はブラウザにコンテンツの表示方法を指示します
- HTML 要素はタグで表わされます
- HTML タグは “heading”, “paragraph”, “table”などのコンテンツにラベルをつけます
- ブラウザは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>要素にはドキュメントに関するメタ情報が含まれています<title>要素は、文書のタイトルを指定します<body>要素は表示させるページのコンテンツが含まれています<h1>要素は大きな見出しを定義します<p>要素は段落を定義します
HTMLタグ
HTML タグは山カッコで囲まれた要素名です。:
<tagname>ここに内容を記載します.</tagname>
- HTML タグは ペア で使用します 例：
<p>+内容+</p> - ペアの最初のタグは 開始タグ スラッシュ付きの2番目は終了タグです
- 終了タグはタグ名の前にスラッシュが挿入されています。
ヒント: 開始タグ, 終了タグはそれぞれスタートタグ、オープニングタグ、エンドタグ、クローズタグと呼ばれることもあります
スポンサーリンク
Web ブラウザ
Webブラウザ (Chrome, Edge, Firefox, Safari) の目的はHTML文章を読んで表示することです
ブラウザはHTMLタグを表示しませんが、それらを使用して文書の表示方法を決定します。:
HTMLページ構造
以下のようにHTMLページ構造の視覚化するとこんな感じ:
<html>
<head>
<title>Page title</title>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</body>
</html>
ノート: ブラウザには、 <body> セクション内のコンテンツ（上の白い領域）のみが表示されます。
スポンサーリンク
<!DOCTYPE> 宣言
<!DOCTYPE> 宣言はドキュメントの種類をあわらしており、ブラウザが正しくwebページを表示することが出来ます。
これはページ上部（HTMLタグの前）に一度だけ記載します
<!DOCTYPE> declaration is not case sensitive.
<!DOCTYPE> declaration for HTML5 is:
<!DOCTYPE html>
HTML Versions
Since the early days of the web, there have been many versions of HTML:
| Version | Year |
|---|---|
| HTML | 1991 |
| HTML 2.0 | 1995 |
| HTML 3.2 | 1997 |
| HTML 4.01 | 1999 |
| XHTML | 2000 |
| HTML5 | 2014 |
ピンバック: 1,PHPとは？PHPを理解する前に知っておくべきこと | Youneed
ピンバック: 1.PHPとは？PHPを理解する前に知っておくべきこと | Youneed