七鍵＠楽天

コメント新着

うしまる＠ @ Re:タグを覚えよう【第１５回目】　-　中央寄せ表示の際の小技(08/21) タグの検索でぐぐってたらコチラに辿り着…

k.kyouka @ すきやき占い『しいたけ』の重要度27% 『しいたけ』…

なな@ Re:迷っています(11/01) レオ　がいいですよ☆★

マロン@ かわいいキュート

ｆｏｏｌｉｓｈ☆ｆｏｏ @ Re[1]:お久しぶりです。(07/15) ＞実演を踏まえてテストをしておりました…

バックナンバー

Aug , 2026
Jul , 2026

Jun , 2026

フリーページ

HTMLタグに挑戦

< 新しい記事

新着記事一覧(全310件)

過去の記事 >

Sep 4, 2004

タグを覚えよう【第２７回目】　-　ＨＰってなんでできているの？

(4)

テーマ：タグに挑戦！(102)

カテゴリ：タグ教室

今回のテーマは「ＨＰ（ホームページ）ってなんでできてるの」です。

インターネットを始めて、最初に開いたのがこのページだ、
って方は多分いないでしょうから、少し思い出してみてください。
Ｗｅｂページにもいろいろなページがありますよね。
文書（文字）だけで構成されているページ、写真が掲載されているページ、
開くと音楽が流れるページ、開くと動画が再生されるページ。
本当に百ページ百様といった感じですが、これがＨＰってなんでできてるの、っていう質問の大きなヒントなのです。
文字を書くのと同じ感覚で絵をかけるはずがありませんよね(´･ω･`)

絵は絵でお絵かきソフトのように、絵を描く専門のソフトをして作成した方が効率的ですよね。
そうです。
Ｗｅｂページに貼り付けられている写真も音楽も動画も、全部別のファイルとして用意するのです。
そして、これらたくさんの種類のファイルを同時に表示しているのがＷｅｂページなのです。

ここで気になるのが、「じゃぁ、絵や音楽などのほかのファイルを何に貼り付けるの？」ということではないでしょうか。
答えはもうすでに言っていますよね。
もう一度はっきりと言います。

Ｗｅｂページに貼り付けるのです。

ちょっと待ってください。
「×ボタン」でこのページを閉じようとしたでしょう。
もう少しだけお付き合いください。

このＨＴＭＬファイルに絵や音楽などのファイルを貼り付けていってＷｅｂページを作るので、
Ｗｅｂページの正体はＨＴＭＬファイルだ、と言い切ってもいいでしょう。
今、（もう少しだけという期限付きで）見てもらっていますこのページも当然ＨＴＭＬファイルでできています。
ただ、ＨＴＭＬファイルだけでは絵を表示することができませんので、
ＨＴＭＬファイルに絵を貼り付けてひとつのＷｅｂページにしているのです。

特別なプログラムを貼り付けることによって、複雑な動きを見せるＷｅｂページを作ることもできます。
#　残念ながら楽天ではできません(´･ω･`)

では実際にＨＴＭＬファイルがどのようなものか例を見てみましょう。

□ＨＴＭＬファイル
ここに「○○」という絵を表示しなさい。改行しなさい。今から文字を書きます。ようこそ私のほーむぺーじへ！ここで文字は終わりです。改行しなさい。横線をひきなさい。以下の文字は中央付近に表示させなさい。以下の文字をクリックしたときに別のページへジャンプ。Ｅｎｔｅｒジャンプさせる文字はここまでです。中央付近に表示させる文字はここまでです。横線をひきなさい。

□ＨＴＭＬファイル

ここに「○○」という絵を表示しなさい。
改行しなさい。
今から文字を書きます。
ようこそ私のほーむぺーじへ！
ここで文字は終わりです。
改行しなさい。
横線をひきなさい。
以下の文字は中央付近に表示させなさい。
以下の文字をクリックしたときに別のページへジャンプ。
Ｅｎｔｅｒ
ジャンプさせる文字はここまでです。
中央付近に表示させる文字はここまでです。
横線をひきなさい。

もちろん、こんな日本語だけで書かれているわけではありません。
ＨＴＭＬ専用の特別な記述方法（これがタグですね）があるのですが、それはおいおい説明していきます。
今は、Ｗｅｂページの正体は文字だけの命令文なんだということを覚えておいてください。
そして、文字だけの命令文を読み込んで、読み込んだ内容どおりに表示する（再生する）ソフトウェアのことを
Ｗｅｂブラウザと呼びます。

長いはなしでしたが、ここまで読んでいただければ「ＨＰはなんでできているの？」
という問いの答えもわかるのではないでしょうか。
念のため、まとめておきます。
ＨＰは、ＨＴＭＬファイルと呼ばれる文字だけの命令文からできています。
ＨＰはこのＨＴＭＬファイルにより、あなたの使っているブラウザに、
表示のしかたや表示するもの（文字や絵など）、配置などを命令しているのです。
そして、命令を受け取ったあなたのブラウザは、その命令どおりにＨＰを再生するというわけです。

楽天でＨＰを作る際にはあまり関係のないことかもしれませんが
本質を理解するということは、応用力をつけるためにも大事なことですよね(〃⌒▽⌒)
そんな感じで今日はＨＰは何でできているの？という解説をさせてもらいました。

では、また明日ー(ﾟ▽^*)ﾉ⌒☆

お気に入りの記事を「いいね！」で応援しよう