目次
HTML（HyperText Markup Language）は、ウェブページの構造とコンテンツを記述するためのマークアップ言語です。ウェブブラウザはHTMLドキュメントを読み込み、その記述に基づいてウェブページを表示します。HTMLは、テキスト、画像、動画、ハイパーリンクなど、様々な要素をウェブページに配置し、それらの意味や役割を定義するために使用されます。例えば、<p>タグは段落を表し、<a>タグはハイパーリンクを作成します。HTML自体はプログラミング言語ではなく、あくまで要素をどのように表示・配置するかを指示する役割を担っています。
HTMLドキュメントは、要素（elements）と呼ばれる構造化されたテキストで構成されています。各要素は通常、開始タグ（e.g., <h1>）と終了タグ（e.g., </h1>）で囲まれており、タグの間にはコンテンツが含まれます。タグには属性（attributes）を持たせることができ、要素の挙動や外観に追加の情報を提供します。例えば、<img src="image.jpg" alt="説明">という要素では、src属性が画像ファイルのパスを指定し、alt属性が画像が表示されない場合の代替テキストを提供します。HTMLの基本的な構造は、<html>、<head>、<body>の各要素から成り立っており、<head>にはページのタイトルやメタ情報などが記述され、<body>には実際にウェブページに表示されるコンテンツが記述されます。
HTMLは、ウェブページの見た目を制御するCSS（Cascading Style Sheets）や、動的な動作を実現するJavaScriptと組み合わせて使用されることが一般的です。CSSは、HTML要素のスタイル（色、フォント、レイアウトなど）を定義し、ウェブページのデザインを柔軟かつ効率的に管理するために用いられます。一方、JavaScriptは、ウェブページにインタラクティブ性（ボタンのクリックによる動作、アニメーション、データの非同期通信など）を追加するために使用されます。HTMLがウェブページの骨組みを作り、CSSが装飾を施し、JavaScriptが動きを与えるというように、それぞれの技術が連携することで、現代の多様なウェブサイトが実現されています。
HTMLは、ウェブ開発における最も基本的な技術の一つであり、ウェブサイトを作成・運用する上で不可欠な知識です。最新のHTML仕様であるHTML5では、セマンティック（意味的）な要素（<article>、<nav>、<aside>など）が導入され、ウェブページの構造がより明確になり、検索エンジンやスクリーンリーダーなどのアクセシビリティ支援技術による理解が向上しました。また、マルチメディアコンテンツ（<video>、<audio>）の埋め込みや、Canvas APIによるグラフィック描画、Web Storageによるクライアント側のデータ保存など、以前はプラグインが必要だった機能が標準で利用できるようになっています。
