最新のWeb開発のチュートリアル

HTML入門

❮前 次の章❯

HTMLとは何ですか？

HTMLは、Web文書記述するためのマークアップ言語である(web pages) 。

  • HTMLはハイパーテキストマークアップ言語の略
  • マークアップ言語は、一連のあるmarkup tags
  • HTML文書は次のように記述されているHTML tags
  • 各HTMLタグをdescribes別の文書の内容を

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であることを定義します
  • テキストの間に<html>と</html> HTMLドキュメントを記述します
  • 間のテキスト<head>と</head>文書に関する情報を提供
  • 間のテキスト<title>と</title> 、ドキュメントのタイトルを提供します
  • 間のテキスト<body>と</body>目に見えるページの内容を記述する
  • 間のテキスト<h1>と</h1>見出しを記述する
  • テキストの間に<p>と</p>段落を記述する

この記述を使用して、Webブラウザは、見出しと段落で文書を表示することができます。

HTMLタグ

HTMLタグはキーワードです(tag names)に囲まれたangle brackets ：

<tagname>content</tagname>
  • HTMLタグが正常に来in pairsのように<p>と</p>
  • ペアの最初のタグはstart tag,第二のタグは、 end tag
  • 終了タグは、開始タグのように書かれていますが、タグ名の前にスラッシュとされます

開始タグは、多くの場合、呼び出されたopening tag 。 終了タグは、しばしば呼ばれるclosing tag 。

Webブラウザ

Webブラウザの目的は、 (Chrome, IE, Firefox, Safari) HTML文書を読み、それらを表示することです。

ブラウザは、HTMLタグを表示するが、文書を表示する方法を決定するためにそれらを使用していません。

ブラウザで表示

HTMLページの構造

以下は、HTMLページの構造の可視化は、次のとおりです。

<html>
<head>
<title>ページタイトル</title>
</head>
<body>
<h1>これは見出しです</h1>
<p>これは段落です。 </p>
<p>これは別の段落です。 </p>
</body>
</html>

唯一の<body>領域(the white area)ブラウザによって表示されます。

<!DOCTYPE>宣言

<!DOCTYPE>宣言が正しくWebページを表示するブラウザに役立ちます。

ウェブ上の異なる文書タイプがあります。

文書を正しく表示するには、ブラウザの種類やバージョンの両方を知っている必要があります。

DOCTYPE宣言は大文字と小文字を区別しません。 すべてのケースでは許容されます。

<!DOCTYPE html>

<!DOCTYPE HTML>

<!doctype html>

<!Doctype Html>

一般的な宣言

HTML5

<!DOCTYPE html>

HTML 4.01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

XHTML 1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

w3iiですべてのチュートリアルと例は、HTML5を使用しています。

HTMLのバージョン

ウェブの黎明期以来、HTMLの多くのバージョンがありました：

バージョン 年
HTML 1991
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 2000
HTML5 2014

❮前 次の章❯