HTMLとはどんな言語？

HTMLは何言語ですか？

HTMLとはどんな言語？

ウェブサイトを閲覧していると、画面には様々な情報が表示されます。文字、画像、動画、リンクなど、これらの要素は全てHTMLという言語によって記述されています。では、HTMLとは一体どんな言語なのでしょうか？

HTMLはマークアップ言語

「HTML」はプログラミング言語ではなく、ドキュメントを構造化するための「マークアップ言語」です。HTMLの正式名称が「HyperText Markup Language」（ハイパーテキストマークアップ言語）であることからも、HTMLがマークアップ言語であることが分かります。

プログラミング言語がコンピュータに命令を与えるための言語であるのに対し、マークアップ言語は、テキストに意味や役割を与えるための言語です。例えば、HTMLでは以下のように記述することで、テキストを段落として認識させたり、見出しとして強調表示させたりすることができます。


<p>これは段落です。</p>
<h2>これは見出しです。</h2>

HTMLの構造

HTMLは、「タグ」と呼ばれる要素を使って記述します。タグは、開始タグと終了タグで囲まれた形で記述され、その間にコンテンツを記述します。例えば、段落を表す<p>タグは、以下のように記述します。


<p>これは段落です。</p>

HTML文書は、大きく分けて「head要素」と「body要素」の2つの部分で構成されます。

要素	説明
head要素	文書のタイトルや文字コード、外部ファイルの読み込みなど、文書に関する情報を記述します。
body要素	ブラウザに表示されるコンテンツを記述します。

簡単なHTML文書の例を以下に示します。


<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>HTML文書の例</title>
</head>
<body>
  <h1>HTML文書のタイトル</h1>
  <p>これはHTML文書の本文です。</p>
</body>
</html>

HTMLとCSS、JavaScriptの関係

HTMLは、あくまでも文書の構造を記述するための言語であり、それ自体にデザインや動作を指定する機能はほとんどありません。ウェブサイトのデザインや動作を豊かにするためには、CSSやJavaScriptといった他の言語と組み合わせて使用します。

CSS（Cascading Style Sheets）：HTML要素の表示を装飾するための言語
JavaScript：HTML要素に動的な動作を追加するための言語

HTML、CSS、JavaScriptは、それぞれ異なる役割を担っており、これらの言語を組み合わせて使用することで、魅力的なウェブサイトを構築することができます。

HTMLはマークアップ言語

HTMLの構造

HTMLとCSS、JavaScriptの関係

関連Q&A