HTMLとは何でしょうか?

2022.07.10
カテゴリー:HTML&CSS

HTMLとは、HyperText Markup Language(ハイパーテキストマークアップ言語)の略で、
Webの文章を記述するためのマークアップ言語です。

難しい言葉で説明致しましたが、初めての方ですと何を言っているのか分からないと思います。
簡単な例を出して、イメージが出来れば幸いです。

皆さんは、いつも文書を書いていると思います。とは言っても、文書ではなく、簡単なメモや
、日記、SNSの更新、チャット、企画書など全く書かない方はいないと思います。

例えば、会社の業務メモを書くとします。

  • 社内名刺作成(8名)
  • HPのnews更新
  • メルマガ作成(お花の定期便)
  • メッセージカード作成

この業務メモでは、やるべきリストを箇条書きにしております。この文章がリストだと
分かる目印はなんでしょうか?それは、・です。
行の始めに・を並べて書くと、リストが表示されていると多くの方は分かります。

HTMLで文章を書くと?
これをHTMLで書きますと、以下の通りになります

<ul>
<li>社内名刺作成(8名)</li>
<li>HPのnews更新</li>
<li>メルマガ作成(お花の定期便</li>
<li>メッセージカード作成</li>
</ul>

これがHTML文章です

変更になったものは、  です。 は無くなり、代わりに <ul> や <li> などの記号が出てきました。
この記号が  の代わりに「これはリストである」という意味 を示しております。この記号をHTMLタグと呼びます。

なぜ文章をHTMLで書くのでしょうか?

HTMLはブラウザのために書きます。Webページを書くのは、Google ChromeやEdgeのようなブラウザです。解析された結果が、普段見ているWebページのように表示されます。
実際に上記のコードををブラウザで表示したら、以下のようになります。

See the Pen HTMLの例 by fumiaki (@fumiaki) on CodePen.

   

コメントは受け付けていません。