HTMLはホームページを作成するための言語です。まず最初にお断り。

このサイトはテキストエディタに打ち込んでホームページをつくることを前提としています。WordPressなどにも応用はできますが古典的な手法でつくることをメインと考えています。入門的な内容になっています。

目次

HTMLとCSSの関係

HTMLは内容を記述する場所に対してCSSはその内容をデザインする位置付けになります。例えば画像をセンタリングして表示したい場合、画像はHTMLに記述しセンタリングはCSSで設定します。ただし最初は分かりにくいのでセンタリングもHTMLの中に含めることもありますが「推奨されない」とよく言われています。

まずはHTMLの書き方を説明します。

目次

HTML入門

準備物（エディタ）

必要なものはエディタです。エディタとは「言語を書くために特化した文字入力ソフト」です。おすすめはサクラエディタです。次からダウンロードしてください。

サクラエディタ

また、ホームページを表示するためのブラウザも必要です。Google ChromeやFirefox、Microsoft Edgeなどを日常生活ですでに使っていると思うのですが、ブラウザやそのバージョンによって表示が微妙に違うので複雑なホームページやエラーが出る場合は２つ以上のブラウザで確認することもあります。はじめのうちは好きなブラウザを使ってください。