Web制作の基礎② HTMLを書いてみよう

1. はじめに

この記事では実際に手を動かしながら、HTMLを「書いてみる」ことにチャレンジしていきます。

まず前提として、「そもそもHTMLってなに？」という方は、先にこちらの記事をご覧いただくのがおすすめです：

Web制作の基礎① HTML/CSSってどういうもの？

日本語、英語、中国語、韓国語、スペイン語、イタリア語……。
世界には本当にたくさんの言語があります。
それぞれの言語には、それを使う人たちがいて、言葉を通じて想いや情報を伝え合っていますよね。

「Webの世界」にも独自の“言語”があります。
そのひとつが、今回のテーマである HTML です。

HTMLはWebページの内容や構造を作るための言語です。
正式名称は「HyperText Markup Language（ハイパーテキスト・マークアップ・ランゲージ）」と言いますが、今は覚える必要はありません。

HTMLは人間が会話するための言語というよりも、Google ChromeやSafariといったWebブラウザに「この部分は見出しだよ」「ここは画像を表示してね」と伝えるためのルールのようなものです。

つまり、私たちがブラウザに「こんなWebページを表示してほしい」と伝えるときに使う“共通言語”。
それがHTMLです。

Webサイトを「家」にたとえるなら、HTMLはその家の土台や骨組みを作り、テーブルや椅子といった最低限の家具を配置するような役割を担っています。

HTMLだけで作られた家は、まだ完成にはほど遠い状態です。
壁はコンクリートの打ちっぱなし、家具はとりあえず組み上げただけで、人を招くにはまだまだ整っていない…そんなイメージです。

でも、しっかりとした家を建てるには、まずこの“最低限の家”から着実に作っていく必要があります。

この記事では、HTMLを使ってその“最低限の家”をどう作るのか、という基本の基本から解説していきます。

「HTMLを書く場所はどこ？」「ファイルはどう保存するの？」といった内容から、ひとつひとつ丁寧に見ていきましょう。