ページのタイトル

# HTMLとは HTMLとは、Hyper Text Markup Language（ハイパーテキスト・マークアップ・ランゲージ）の略称です。ウェブページを作成するための言語の一つで、静的なウェブページを作成することができます。HTMLは、ウェブブラウザで表示されるテキスト、画像、動画、音声などすべての要素を表現することができます。ハイパーテキストとは、文書内に別な文書へのリンクを組み込むことができる機能のことで、これによってインターネット上の情報を探しやすくなりました。HTMLは、Webの基礎となっている技術であり、誰でも簡単に学ぶことができます。 # HTMLの基本的な構造 HTML文書は、次のような構造になっています。 ``` ページのタイトルページのコンテンツ ``` ``は、HTML文書であることを示します。``は、HTML文書の開始を示します。``には、ページのメタデータ（情報）を記述します。``は、文字エンコーディングを指定するために使われます。``には、ページのタイトルを記述します。`<body>`には、実際のページのコンテンツを記述します。このように、HTMLは、マークアップ言語であるため、文書の構造を指定したり、コンテンツを装飾したりすることができます。 # HTMLタグ HTMLは、タグと呼ばれる要素を使用して、ページの構造と装飾を制御します。タグは、開始タグと終了タグの2つの要素から構成されます。開始タグは、`<`で始まり、終了タグは、`</`で始まります。タグの間には、ページのコンテンツが挿入されます。たとえば、`<p>`タグは、段落を表し、`</p>`は、段落の終了を表します。以下に、よく使われるHTMLタグをいくつか紹介します。 ``` <p>段落のテキスト</p> <h1>見出し1</h1> <h2>見出し2</h2> <h3>見出し3</h3> <ul> <li>リスト項目1</li> <li>リスト項目2</li> <li>リスト項目3</li> </ul> <a href="http://example.com">リンク</a> <img src="img/sample.jpg" alt="代替テキスト"> ``` # CSSとの組み合わせ HTMLは、CSS（Cascading Style Sheets）との組み合わせで、ページのデザインを制御することができます。CSSは、スタイルシート言語であり、HTMLの要素にスタイルを適用することができます。たとえば、以下のように、`<h1>`タグにスタイルを適用することができます。 ``` <style> h1 { color: red; font-size: 36px; } </style> ``` この CSS コードにより、 `<h1>` タグは赤字で表示され、フォントサイズが 36 ポイントに変更されます。 # HTML5 HTML5は、HTMLの最新バージョンであり、2008年に公開されました。HTML5 には、音声・動画の再生機能や、フォームコントロールの改善、グラフィックスの描画機能などが追加され、より豊富なコンテンツが表現できるようになりました。また、よりシンプルで分かりやすい記述方法に変更されるなど、開発者が使いやすくなっています。 # セマンティックWeb セマンティックWebとは、文書の内容に基づいてコンピュータが自動的に処理できるようにする技術のことです。HTML は、セマンティックWeb を実現するための重要な技術であり、ウェブの情報検索や自動化に役立ちます。たとえば、 `<header>` タグは、ページのヘッダーを表すとともに、検索エンジンにとってページの重要な部分であることを示すことができます。また、`<article>`タグは、単一の独立した文書またはページのセクションを表すことができ、`<time>`タグは、日付や時間を表すことができます。これらの要素によって、コンピュータが自動的に文書を解釈することができるため、セマンティックWebは、ユーザーにとってより役立つ情報を提供することができます。 # まとめ HTMLは、ウェブページの構造や装飾を制御するためのマークアップ言語であり、Webの基礎技術の一つです。CSSとの組み合わせやHTML5の登場で、より豊富なページの表現が実現され、セマンティックWebの実現に向けた取り組みも行われています。HTMLを使えば、誰でも簡単にウェブページを制作することができるため、Webを利用する上での基礎スキルとして必要不可欠です。（参考文献） - 「HTML入門講座 – HTMLの基礎から応用まで」、TechAcademy、https://techacademy.jp/magazine/18372 - 「Webの基礎から学ぶHTML+CSSデザイン入門」、CodeZine、https://codezine.jp/article/detail/42 - 「HTML Standard」、WHATWG、https://html.spec.whatwg.org/') - 「上手に始めるHTML5 + CSS3デザイン入門」、e-jard、https://www.e-jard.jp/nurie/css3.html</article></body></html>