Html-overview

提供:Dev Guides
移動先:案内検索

HTML-概要

HTMLは[。underline] #H#* yper * [。underline] #t#* ext * [。underline] #M#* markup * [。underline] #L#を表します言語、およびWebページを記述するために最も広く使用されている言語です。

  • *ハイパーテキスト*は、Webページ(HTMLドキュメント)がリンクされる方法を指します。 したがって、Webページで利用可能なリンクはハイパーテキストと呼ばれます。
  • その名前が示すように、HTMLは*マークアップ言語*です。つまり、HTMLを使用して、Webブラウザーに表示方法を指示するタグをテキストドキュメントに単に「マークアップ」することを意味します。

もともと、HTMLは、研究者間の科学情報の共有を促進するために、見出し、段落、リストなどのドキュメントの構造を定義する目的で開発されました。

現在、HTMLは、HTML言語で利用可能なさまざまなタグの助けを借りてWebページをフォーマットするために広く使用されています。

基本的なHTMLドキュメント

その最も単純な形式では、次のHTMLドキュメントの例です-

<!DOCTYPE html>
<html>

   <head>
      <title>This is document title</title>
   </head>

   <body>
      <h1>This is a heading</h1>
      <p>Document content goes here.....</p>
   </body>

</html>

HTMLタグ

前述のように、HTMLはマークアップ言語であり、さまざまなタグを使用してコンテンツをフォーマットします。 これらのタグは、中括弧 <タグ名> で囲まれています。 少数のタグを除き、ほとんどのタグには対応する終了タグがあります。 たとえば、 <html> には終了タグ </html> があり、 <body> タグには終了タグ </body> タグがあります。

上記のHTMLドキュメントの例では、次のタグを使用しています-

Sr.No Tag & Description
1

<!DOCTYPE…​>

このタグは、ドキュメントタイプとHTMLバージョンを定義します。

2

<html>

このタグは完全なHTMLドキュメントを囲み、主に<head> …​ </head>で表されるドキュメントヘッダーと<body> …​ </body>タグで表されるドキュメントボディで構成されます。

3

<head>

このタグは、<title>、<link>などの他のHTMLタグを保持できるドキュメントのヘッダーを表します。

4

<title>

<title>タグは、ドキュメントのタイトルを示すために<head>タグ内で使用されます。

5

<body>

このタグは、<h1>、<div>、<p>などの他のHTMLタグを保持するドキュメントの本文を表します。

6

<h1>

このタグは見出しを表します。

7

<p>

このタグは段落を表します。

HTMLを学習するには、テキストドキュメントをフォーマットしながら、さまざまなタグを調査し、それらの動作を理解する必要があります。 HTMLの学習は簡単です。ユーザーは、美しいWebページを作成するためにテキストまたは画像をフォーマットするために、さまざまなタグの使用法を学習する必要があります。

World Wide Web Consortium(W3C)は、HTML 4以降の小文字のタグの使用を推奨しています。

HTMLドキュメントの構造

典型的なHTML文書は次の構造を持っています-

<html>

   <head>
      Document header related tags
   </head>

   <body>
      Document body related tags
   </body>

</html>

後続の章ですべてのヘッダータグと本文タグについて学習しますが、ここではドキュメント宣言タグとは何かを見てみましょう。

<!DOCTYPE>宣言

<!DOCTYPE>宣言タグは、ドキュメントで使用されているHTMLのバージョンを理解するためにWebブラウザーによって使用されます。 HTMLの現在のバージョンは5であり、次の宣言を利用しています-

<!DOCTYPE html>

使用されているHTMLのバージョンに応じて、HTMLドキュメントで使用できる他の多くの宣言タイプがあります。 この詳細については、<!DOCTYPE …​>タグと他のHTMLタグについて説明します。