【HTML】#1 Hyper Text Markup Language

記事

IT・テクノロジー

HTMLシリーズを復習がてらに始めようと思います。これを見れば初心者の方でもプログラミングの基礎が学習できるように分かりやすく解説していきたいと思います。

【htmlはマークアップ言語です】

英語で「mark up~ = ~に印をつける」という意味ですが、ではプログラミングにおける印付とはなんなのでしょうか？

プログラミングにおけるHTMLの役割は家で言うと骨組みみたいな役割です。

と言ってもイメージが湧きにくいと思うので画像で見ていきましょう。

色で囲っているところ(スペースや何を表示させるか)を定義するのがHTMLの役割です。

もっとシンプルなhtmlのコードを見てみましょう⬇︎

<!DOCTYPE html>

<html>

<head>

<title>タイトル</title>

</head>

<body>

<h1>見出し</h1>

<p>ここに何かしらの文章が入ります。</p>

</body>

</html>

画面ではこう言うふうに表示されます⬇︎

見出し

ここに何かしらの文章が入ります。

いろんなタグがありそのタグを使って組合せ、骨組みを作っていくのがHTMLの役割です。

次回からは具体的にどのタグがどういう役割を果たすのかを見ていきたいと思います。

ありがとうございました。