📘 HTML入門講座

これから始める人のための、わかりやすいHTML講座

💡 HTMLとは？

HTML（HyperText Markup Language） は、Webページを作るための「マークアップ言語」です。WebブラウザはHTMLファイルを読み込み、文章や画像などの要素を適切に表示してくれます。

HTMLは、構造を決めるための「タグ（要素）」を使って記述します。

📐 HTMLの基本構造

以下は、HTMLの最もシンプルな基本構造です：

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="UTF-8">
    <title>ページのタイトル</title>
  </head>
  <body>
    <h1>見出し</h1>
    <p>本文の段落</p>
  </body>
</html>

<!DOCTYPE html> … HTML5であることを宣言
<html> … HTML文書のルート
<head> … ページの情報（meta, titleなど）
<body> … 実際に表示される内容（テキストや画像など）

🔖 よく使うHTMLタグ

HTMLでは様々なタグを使って要素を定義します。以下はよく使われる代表的なタグです：

<h1>〜<h6>：見出し（数字が小さいほど大見出し）
<p>：段落（paragraph）
<a href="">：リンク（anchor）
<img src="" alt="">：画像の挿入
<ul>, <ol>, <li>：リスト（unordered・ordered・list item）
<div>：汎用のブロック要素
<span>：インライン要素（文字にだけ効果を付けたいとき）

🎮 HTMLのサンプル表示

「サンプルを見る」ボタンをクリックすると、実際のHTMLタグによる表示が見られます。

🕒 現在のサーバー時刻（PHP）

今の時刻は 2026年02月26日 19:02:10 です。