• 投稿者:
  • 投稿コメント:2件のコメント
  • 投稿カテゴリー:HTML
  • 投稿の最終変更日:2021年3月23日

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

2件のコメントがあります

コメントを残す