HTMLとは？

画面サイズ（横：／縦：）

ただ今の時刻は2024年10月12日(土)5時34分です。
あと26分で6時です。おはようございます。

ＨＴＭＬ（エィチ・ティー・エム・エル）とは？
（ページの内容は変更あり)

（１）ＨＴＭＬ(エイチ・ティー・エム・エル)とは？

ＨＴＭＬ(エイチ・ティー・エム・エル)とは HyperText Markup Languageの略です。
※ HyperText（ハイパー・テキスト）の Hyperは、（～を超えた）という意味で、 Text （テキスト）の意味は（文書）です。
つまり、「ハイパー・テキスト」とは「普通の文書（テキスト）を超えた素晴らしい文書」という意味でしょうか。

※Markup （マークアップ）の意味は「マークを付ける」という意味で、テキスト（文書）に「タグ」と呼ばれるマークを付けること。
「タグ（tag）」の意味は、「荷札」とか「付箋」という意味があります。

　具体的に言えば、
おはようございます。
と大文字〇号で表示する場合は
＜大文字〇号＞おはようございます。＜／大文字〇号＞
となります。

　また、こんにちは
と大文字で表示する場合は
＜大文字３号＞こんにちは＜／大文字３号＞
図解すれば

と考えていいでしょう。

　さらに、
ハロー！
と「赤色の大文字」で表示する場合の手順は
＜赤色＞＜大文字〇号＞ハロー！＜／大文字〇号＞＜／赤色＞
という具合になります。

※「／」は終了の合図で、色指定を省略すれば規定の色（黒色を規定の色にしていれば黒）で表示されます。

次は、ＨＴＭＬの歴史や、バージョン（Version）の話です。概略を記すと

（２）ＨＴＭＬの誕生からＨＴＭＬ５に至るまで（出典）ＩＴ用語辞典e-Word　等を参照しています。

● ＨＴＭＬの誕生
　1989年(平成元年)、今から 35 年前に、スイスのジュネーブの CERN(欧州原子核研究機構) 【ヨーロッパの12か国が共同で研究を行う機関】で、イギリスの計算機科学者「ティム・バーナーズ・リー」氏や「ロバート・カイリュー」氏によって、 World Wide Web（WWW）が考案・開発されました。

● ＨＴＭＬ１．０
　1993年(平成５年)、今から 31 年前に、1967年にアメリカのカンザスシティ生まれのコンピューター科学者である「ダン・コノリー（Dan Connolly）」氏によって「いわゆるHTML 1.0 」と呼ばれるものが考案されました。 Connolly氏は、HTML 3.2およびHTML 4.0仕様を作成したW3CのHTMLワーキンググループの議長を務めました。
イラスト

「W3C」って何？
「W3C」とは「World Wide Web Consortium」の略だよ！頭文字の Wが３つ並ぶから「W3」で、 Consortium（コンソーシアム）とは、「互いに力を合わせて目的に達しようとする組織や人の集団。共同事業体」という意味だよ！

● ＨＴＭＬ２．０
　1995年(平成７年)、今から 29 年前の11月に制定されました。
画像の表示はできるが「テーブル要素がない」、「マルチメディアには対応してない」など、シンプルなHTMLでした。最初の「標準」HTMLと呼ばれるものです。
table要素とは「表」のことで、表の中には1つ以上の「行」があり、その行の中にはまた1つ以上の「セル」があるという考え方でテーブルを表現します。
「行」をtr要素（Table Row）、「セル」をtd要素（Table Data）で表します。
＜ＴＲ＞や＜ＴＤ＞はホームページ作成支援ソフトに頼らずにホームページを作成する人にとってはＨＴＭＬの重要な基礎知識の一つです。

● ＨＴＭＬ３．２
　1997年(平成９年)、今から 27 年前に制定されました。

● ＨＴＭＬ４．０１
　ＨＴＭＬ４．０１は1999年(平成11年)、今から 25 年前に制定されました。

HTML4.2では、見栄えに関連する属性（例：align、font、color、border）が非推奨となりました。これらの代わりにスタイルシート（CSS）を用いることが推奨されるようになりました。

● ＨＴＭＬ５．２
　2017年(平成29年)、今から 7 年前に制定されました。

変更点の一つとして、フレーム分割に関するタグです。当教室の「自動広告ページ」や「クイズのお部屋」はＨＴＭＬ４．０１全盛期に「frame」で作りましたが、HTML5では、HTML4までで利用されてきたフレームページの作り方が変更されました。今後は「iframe」を用いるようになりました。 HTML4で作ったフレームページでもHTML5に指定してもで動いてくれてはいますが・・・。

● ＨＴＭＬ Living Standard
　2021年(令和３年)、今から 3 年前に制定されました。

Internet Explorer などのブラウザに採用されてきた規格であるＷ３Ｃと、 Chrome、Firefox、Safariなどのブラウザで採用されてきた規格であるWHATWG （ワットワーキンググループとかワットダブリュージーなどと呼ばれる。）の２つの規格が一つに統一された新しい世界標準規格になりました。

（３）HTMLのソースプログラムを見る方法

● 【ソース】って何？
「ソース」（source）略してsrcの意味は、「ＩＴ用語辞典-eWord」には次のように解説されています。

　ソースとは、源、起源、情報源、発信源、原典、出典、転送元、複製元、水源、光源、音源などの意味を持つ英単語。外来語としてはタレを意味するソース（sauce）と同音異義語だが、英語では綴りも発音も全く異なり何の共通点もない。

■ブラウザが「Google Chrome」の場合
（１）MTMLソースを見たいページで右クリックする。
（２）表示されたメニューの中の
　　　　「ページのソースを表示」をクリックする
■ブラウザが「Microsoft Edge」の場合
（１）MTMLソースを見たいページで右クリックする。
（２）表示されたメニューの中の
　　　「ソースの表示」をクリックする
（３）表示された画面の上部にある「要素」をクリックする
■ブラウザが「Firefox」の場合
（１）MTMLソースを見たいページで右クリックする。
（２）表示されたメニューの中の
　　　「ページのソースを表示」をクリックする
■ブラウザが「Opera ブラウザ」の場合
（１）MTMLソースを見たいページで右クリックする。
（２）表示されたメニューの中の
　　　　「ページのソース」をクリックする

さぁ～！早速やってみよう！

（４）ソースプログラムの例
　　　（このページのＰＨＰとＨＴＭＬです。）
　　　通常は上記の「（３）HTMLのソースプログラムを見る方法」ではPHPのプログラムは見えません。

このページの（HTML＋PHPの）プログラムをお見せします

※通常のページは、上記の「（３）HTMLのソースプログラムを見る方法」ではPHPのプログラムは見えません。特別にお見せします。

Topページへもどる

前のページへもどる