「分かりそう」で「分からない」でも「分かった」気になれるIT用語辞典

頑張って一息で説明すると

インターネットの世界に転がっているファイル

であり

ホームページを見るときに使うソフト（Webブラウザ）で見られる文書ファイル

が「Webページ」です。

この説明を書いている時点では、Webページは

・内容が書いてあるファイル
・見た目が書いてあるファイル
・絵が描いてあるファイル
・動作が書いてあるファイル

の4種類のファイルを組み合わせて1つのページにするのが主流です。



内容が書いてあるファイルは「HTMLファイル」と呼ばれています。
ファイルの拡張子（ファイルの種類を表す目印）は「.html」や「.htm」です。



HTMLファイルは内容を書いておくファイルです。
ページの核となるファイルですね。

見た目が書いてあるファイルは「CSSファイル」と呼ばれています。
ファイルの拡張子は「.css」です。



CSSファイルは見た目に関するルールを書くファイルです。
例えば

・ホームページの横幅はどれくらいにしよう
・この目印を付けた文字の色は何色にしよう
・この目印を付けた範囲に背景を付けよう

などのルールを書いておきます。

絵が描いてあるファイルは「画像ファイル」です。
ファイルの拡張子は「.jpeg（.jpg）」や「.png」、「.gif」などが一般的です。



画像ファイルは説明しなくても分かりますよね？

最後に、動作が書いてあるファイルが「JavaScriptファイル（jsファイル）」です。
ファイルの拡張子は「.js」です。



JavaScriptファイル（jsファイル）は「動作」を定義するファイルです。
例えば

・ページを表示するときに、こんな動きをしてよ
・他のページに移動するときに、こんな動きをしてよ
・このボタンを押したら、こんな動きをしてよ

などの指示を書いておきます。

これら4種類のファイル

・HTMLファイル（内容）
・CSSファイル（見た目）
・画像ファイル（絵）
・JavaScriptファイル（動作）

が組み合わさることによって、1つのページが形作られています。



繰り返しになりますが、Webページはインターネットの世界に置いてあるファイルです。
ホームページを見るときに使うソフト（Webブラウザ）を起動して「おら！このページを表示しろやぁ！」と指定することで見られます。

「おら！このページを表示しろやぁ！」と指定する情報は「URL」と呼ばれています。
例えば

https://wa3.i-3-i.info/index.html

などがURLです。
このURLは

インターネットの世界の「wa3.i-3-i.info」って場所にある「index.html」っていうページを表示してね

な指定になります。

あと、ついでなので書いておくと、Webページと似た意味の用語に「Webサイト」と「ホームページ」があります。
せっかくなので、それぞれの用語の違いを説明しておきましょう。

まず、Webページは「1つのページ」です。
本をイメージすると分かりやすいと思います。
本のページ1ページがWebページです。



ウェブサイトは「Webページが集まったもの」です。
本で例えれば、本のページが集まったもの、つまり1冊の本に相当します。



最後に、ホームページは「Webブラウザを起動したときに最初に表示されるページ」です。
「おーらぁ！仕事を始めろやぁ！」とWebブラウザを動かしたときに、最初に表示されるページのことを「ホームページ」と言います。



ただし、一般的には「Webサイト」と同じ意味で使われています。
特に初心者の方ほど、Webサイトを意図して「ホームページ」と表現することが多いはずです。



まとめると

Webページ：インターネット上で見られるページ
Webサイト：Webページを集めたもの
ホームページ：Webブラウザの最初のページ or Webサイトと同じ意味

です。
気が向いたら、全部まとめて覚えてあげてください。