こんにちは、Tomaです。
普段、ブログの細かい修正にHTMLを使っていますが、「なんとなく」で使っている部分も多いのではないでしょうか？
私自身、知識量はまだまだだと思っているのですが、今回は自分自身の備忘録も兼ねて、HTMLの歴史や基本タグについて改めて整理してまとめてみました。
HTMLとは？：その正体と歩んできた歴史
まずは、私たちが毎日触れているHTMLが一体何者なのか、そのルーツを紐解いてみましょう。
HTMLの正式名称
HTMLは、正式には「HyperText Markup Language（ハイパーテキスト・マークアップ・ランゲージ）」といいます。
- HyperText：文書の中に、他の文書へのリンクを埋め込める仕組み
- Markup Language：文章の構造（見出し、段落など）を「目印（タグ）」で指定する言語
つまり、「リンク機能を持った、文章に意味づけをするための言語」ということですね。
開発の歴史とティム・バーナーズ＝リー
HTMLは1989年頃、スイスのCERN（欧州原子核研究機構）に勤務していた物理学者、ティム・バーナーズ＝リー氏によって考案されました。
もともとは、世界中の研究者間で膨大な論文や資料を効率よく共有し、リンクで行き来できるようにすることが目的でした。彼が世界初のWebブラウザとWebサーバを作り、1991年にHTMLを公開したことが、今のインターネットの始まりです。
第1章：なぜブログ運営にHTMLの知識が必要なのか？
最近のブログエディタは優秀ですが、細かいデザインの調整や、アフィリエイトリンクの設置などは、HTMLを直接触ったほうが圧倒的に早くて確実な場合があります。
基礎を知ることで、「デザインの崩れ」を自分で原因特定し、修正できるようになるのが最大のメリットです。
第2章：これだけは覚えたい！基本の4大タグと使用例
ブログ記事を構成する上で欠かせない、最も基本的な4つのタグを紹介します。
1. 見出しタグ（hタグ）
文章の構造を示す重要なタグです。数字が小さいほど大きな見出しになります。
<h2>ここに大見出し</h2>
<h3>ここに中見出し</h3>2. 段落タグ（pタグ）
文章のひとかたまり（段落）を示すタグです。前後に余白が生まれるのが一般的です。
<p>これは1つの段落です。ゲームの攻略情報をここに書きます。</p>3. リンクタグ（aタグ）
他のページへ飛ばすためのタグです。href（エイチレフ）属性でURLを指定します。
<a href="https://example.com">公式サイトはこちら</a>4. 範囲指定・装飾タグ（spanタグ）
主に文章の一部に対して、色を変えたり太字にしたりする際に使います。
<p>この武器の攻撃力は<span style="color: #ff0000;">最強クラス</span>です。</p>第3章：HTMLを書く時の注意点
HTMLを記述する際に最も気をつけたいのが、「タグの閉じ忘れ」です。
開始タグ <p> に対して、必ず終了タグ </p> をセットで書く習慣をつけましょう。スラッシュ（/）を忘れるだけで表示が大きく崩れる原因になります。
まとめ
今回はHTMLの正式名称から歴史、そして基礎的なタグについて解説しました。一見難しそうに見えますが、意味を知るとパズルを組み立てるような面白さがあります。
皆さんも、少しずつHTMLを意識して、より自分好みのブログにカスタマイズしていきましょう！
