HTMLとは？初心者向けにタグの種類と使い方を簡単に解説

こんにちは！Kです！

今回はWebサイト制作に必須となる「HTML」について、初心者の方に向けて書いていきます。

よく聞くけど、具体的には分からないという人はお読みください。

超基本的な話なので、これからHTMLやCSS、JavaScriptを勉強していく方は知識として知っておいた方がいいと思います。

HTMLとは

HTMLとは、Hyper Text Markup Language（ハイパーテキスト・マークアップ・ランゲージ）の略称です。

HTMLはマークアップ言語と言われるもののひとつで、Webページなどを作るための最も基本的な言語になります。

マークアップ言語と言われてもよく分からないと思いますが、調べてみると「視覚表現や文章構造などを記述するための形式言語」とのことです。

そう言われてもよく分からない...という人の方が多いと思うので、「タグで囲んで構造を表現する言語」ぐらいに思っておけば十分です。

ちなみにタグは、

<div>・・・</div>

とか、

<a>・・・</a>

こういうやつです。

つまり、人間がスマホやパソコンなどの端末で見ているwebサイトの中には、データをテキスト、画像等それぞれの意味を伝えるために必要なタグが使用されているのです。

タグがあることで、ページ内の内容や構成、設定などを検索エンジンがチェックできる環境になります。

ハイパーテキストについて

先ほどHTMLは、Hyper Text Markup Language（ハイパーテキスト・マークアップ・ランゲージ）の略称と説明しましたが、ハイパーテキストとはそもそも何なのでしょうか。

簡単に説明すると、「文書などの指定箇所にリンクを貼ることで、他のページに移動することができる機能」です。

普段見ているWebサイトがまさにこの機能を使っています。

HTMLファイルの作り方

HTMLファイルの作り方はとても簡単です。

「.html」という拡張子をつけるだけで、PCがHTMLファイルと認識してくれます。（例えば、index.htmlなど）

HTMLのタグとは

「タグ」とは「文字に意味を与える印のようなもの」

文字列をタグで囲んだ情報の単位を「要素」といいます。

「タグ」と「要素」

この2つは、よく使うキーワードなのでおさえておきましょう。

タグの種類

タグには、いろいろありますが、例えば、以下のようなものがあります。

など文字列をタグで囲むことで、それぞれがどんな意味を持つのかを指示することができます。

他にも、<li>や<ul>を使うことで、箇条書きなども可能です。

最後に

ここまで話したことはこれからプログラミング言語を勉強する上での前提知識として頭の片隅に置いておけば十分です。
この次の段階として「タグ」について勉強すればWebページを作る第一歩になります。

タグについてはまた別の機会に記事にまとめたいと思います。

HTMLも立派なプログラミング言語です。プログラミングは難しいと思っている方も多いですが、それはいきなり抽象度の高い言語から始めようとするからだと私は思います。
まずはHTMLのような、書いたコードがすぐ形として見える抽象度の低いものから学んでいくことがプログラミングの楽しさを知るにはいいと思います。

あまり難しく考えず、できることからやっていけば必ず結果につながると思います。
ではまた！

Follow me!