HTML-概要

HTMLは Hイープルt内線 Markup Language、そしてそれはウェブページを書くために最も広く使われている言語です。

  • HypertextWebページ(HTMLドキュメント)が相互にリンクされる方法を指します。したがって、Webページで利用可能なリンクはハイパーテキストと呼ばれます。

  • その名前が示すように、HTMLは Markup Language つまり、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はマークアップ言語であり、さまざまなタグを使用してコンテンツをフォーマットします。これらのタグは中括弧で囲まれています<Tag Name>。いくつかのタグを除いて、ほとんどのタグには対応する終了タグがあります。例えば、<html> 終了タグがあります </html> そして <body> タグには終了タグがあります </body> タグなど

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

シニア番号 タグと説明
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)は、HTML4以降の小文字のタグを使用することを推奨しています。

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タグについて説明するときに、これについて詳しく説明します。