HTMLとは？HTMLの基本を解説

HTML(HyperTextハイパーテキスト Markupマークアップ Languageランゲージ)は、世の中のWebサイトのほとんどで使用されています。

HTMLを使えば、ブログなどの簡単なWebサイトが作れます。

これからWebデザイナーや自分でWebサイトを作って見たいと思っている人はまず、HTMLを勉強しましょう。

HTMLとは？

まずHTMLって何？って思っている方に向けてHTMLとは？といった基本から解説していきます。

HTMLとは簡単に言うとコンピュータが解るようにマークアップ（文章構成の指示）する為の言語です。

「これはタイトル」「これは見出し」「これは本文」などといった注釈のようなものです。

こうした指示をコンピュータにしてあげることで、皆さんがWebブラウザ（Google chromeなど）を通してブログやSNS、企業サイトなどの様々なWebサイトを閲覧出来るように表示することができます。

HTMLタグ

Webページを作成する際には、HTMLタグを使用します。

具体的にはどんなものなのか、見ていきましょう。

上記のHTMLタグはほんの一部ですが、HTMLタグはとてもたくさんの種類があり、様々な意味を持たせることができます。

HTMLタグの使用例

では実際に、HTMLタグはどのように使うのか見てみましょう。

例えば「HTMLの基本」を見出しにして、「HTMLとはWebサイトに表示される画面をつくっている言語です。」を段落にしたい場合、下記のように記述します。

<h1>HTMLの基本</h1>
<p>HTMLとはWebサイトに表示される画面をつくっている言語です。</p>

基本的には<ここから見出し><ここまでが見出し>といった具合に、開始と終了部分をHTMLタグで囲みます。

次に画像を挿入する場合は下記のように記述します。

<img src="../img/sample.jpg">

srcの中に画像ファイルのURLを指定してあげます。

そして、「img」「br」のような「空要素」と呼ばれるタグは終了タグがいらなかったりします。

HTMLファイルを見てみよう

次に実際にWebページがどのようにHTMLを使われているのか見てみましょう。

実際に閲覧しているWebページ上で右クリックして「ページのソース表示」を選択してみてください。

WebページのHTMLファイルが表示されます。

こうしてWebページのHTMLファイルを見てみると、実際どんな感じにHTMLが使われているかの参考になると思うので、気になったWebサイトがあったらどんどん見てみて下さい。

HTMLの種類

HTMLは1990年代に誕生し、様々な機能が追加され進化してきました。

HTML 1.0から HTML 2.0 HTML 4.01から派生した XHTML 1.0などありますが、現在主流になっているのはHTML5です。

これからHTMLを学習していくのであれば、基本的にはHTML5を勉強していきましょう。