HTMLとは【1分でわかるHTML編】

HTMLとはの解説

こんにちはみっくです。

今回は約1分でわかるHTMLについてのお話です。

みっく
みっく

このHTMLとはホームページを構成する言語です。

HTMLとは

みっく
みっく

HTMLとはHyperText Markup Language(ハイパーテキスト マークアップランゲージ)の頭文字を取ったものです。

インターネット上で公開されてるWEBサイトのほとんどは、このHTMLで作られています。

ざっくりと意味を確認してみます。

HTMLの詳しい解説

これらを合わせると・・・

みっく
みっく

印をつけて識別できる優れたコンピュータ言語」です。

(※この表現は一般の方にわかりやすく崩していますので、実際のニュアンスは多少異なるかと思います。)

このWEBサイトもそうですが、見出しがあったり、目次があったり、別のページへのリンクがあったりしています。

そういう構造を識別できるように言語で印をつけて、表現できる。

これがHTMLの仕組みです。

みっく
みっく

ズバリ「HTMLでは構造文を作る」という事になりますね。

みっぴー
みっぴー

HTMLって難しそうって思ったけど、そんなイメージだと少し理解しやすそうですね!!

HTMLの基本構造

みっく
みっく

HTMLはタグというもので構成されており、大きくheadタグbodyタグで構成されています。

HTMLの基本構造
みっく
みっく

実際にHTMLの記述とブラウザでの表示例を確認してみましょう♪

HTML

<head>
<title>パソコンの疑問をズバっと解決します!!</title>
</head>

<body>
<p>ここに本文が入ります。</p>
</body>

ブラウザでの表示例

パソコンの疑問をズバっと解決します!!

ここに本文が入ります。

みっく
みっく

bodyタグの内容だけが表示されていますね!

また タグの基本構造はペアの形になります。

みっく
みっく

今回使ったタグをさらに詳しく知りたい方は、以下の記事も参考にしてみてください♪

さっぴー
さっぴー

もっと詳しく知りたくなりました!!!

headタグの解説HTML headタグの使い方を覚える!【1分でわかるHTML編】 bodyタグの解説HTML bodyタグの使い方を覚える!【1分でわかるHTML編】 TITLEタグの解説HTML titleタグの使い方を覚える!【1分でわかるHTML編】 pタグの解説HTML pタグの使い方を覚える!【1分でわかるHTML編】

まとめ

HTMLとはHyperText Markup Language(ハイパーテキスト マークアップランゲージ)の頭文字を取ったものです。

簡単に言うと「印をつけて識別できる優れたコンピュータ言語」です。

目的は「HTMLでは構造文を作る」という事です。

HTMLはタグというもので構成されており、基本構造はペアの形です。

HTMLは大きくheadタグとbodyタグで構成されており、その中にもさらにタグが入ります。

みっく
みっく

HTMLに興味がある方はぜひ覚えてみてください♪

以下の記事も参考にお願いします!

インストラクターが教えるHTMLの覚え方 【必見】現役PCインストラクターが教えるHTMLの覚え方

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です