HTML（HyperText Markup Language）は、Webページの構造を作るマークアップ言語です。見出し・段落・画像・リンクなどをタグで意味付けします。
HTMLはデザイン言語（CSS）や動的処理（PHP/JavaScript）と役割を分け合います。まずHTMLで正しい構造を作れることが、SEO・表示速度・保守性の土台になります。
HTMLの役割
文章構造の定義に特化します。見た目はCSS、動きやサーバー処理はJavaScript/PHPが担当します。分離が保守性を生みます。
学習ゴール
「HTMLとは」を理解 → 基本タグで文書を書ける → 無料サーバーへアップロードして公開できる。この3段階をこのカテゴリで達成します。
このカテゴリの記事（Cluster / How-to）
- HTMLとは？初心者向けに役割・基本構造・書き方を解説 — HTMLとは、Webページの構造を作るマークアップ言語です。役割、CSS・PHPとの違い、基本構造、最小コード例を初心者向けに解説します。
- HTMLの公開方法｜無料サーバーへアップロードして世界に公開する手順 — 書いたHTMLを無料サーバーで公開する手順を解説。ファイルマネージャーとFTPの両方式、index.htmlの置き場所、よくある404の直し方まで実践的に案内します。
よくある質問
HTMLとCSSの違いは？
HTMLは構造（何がどこにあるか）、CSSは見た目（色・配置・大きさ）を担当します。HTMLだけでも公開は可能ですが、見た目を整えるにはCSSを使います。
HTMLだけでサイト公開できる？
可能です。静的な紹介ページやポートフォリオならHTML（+画像）だけで十分公開できます。お問い合わせ処理やログインが必要ならPHPやWordPressを足します。
書いたHTMLを無料で公開する
HTMLファイルが書けたら、FreeHostBoxの無料サーバーにアップロードするだけで世界に公開できます。FTPとファイルマネージャーの両方に対応しています。