htmlとは。

プログラミング

htmlってなに?

htmlとは?

すみれ
すみれ

色んなホームページにはhtmlって物が使われているらしいんだけど、

htmlって一体、何者ですの?

htmlって何をされていらっしゃるの?

 

先生
先生

確かに、htmlって言葉は聞いたことがあってもそれだけじゃ意味がわからないよね。

htmlとは、、、

HyperText Markup Language(ハイパーテキストマークアップランゲージ)

先生
先生

この頭文字を取ってhtmlと言うんだよ。

すみれ
すみれ

少し調べてみたからそんなこと分かっておりますわ!!!
そのhtmlとやらの実態を噛み砕いてわかりやすく教えて下さいませんか?

先生
先生

そうだね~、分かりやすくhtmlの雰囲気を解説をすると、、、

パソコン君って馬鹿だからパソコン君に分かりやすく言葉の意味を教えてあげるものみたいな感じかな。

もちろんコンピューターはすごく賢いです、それはもうとてつもなく。
でも、例えば、、、

 

夏目漱石
坊っちゃん
1906年

 

先生
先生

この3つの言葉が書かれていたら、すみれちゃんは何を想像するかな?

すみれ
すみれ

1906年に夏目漱石が書いた坊ちゃんが発行されたのですか?

先生
先生

正解!!
この3つの言葉だけでそこまで想像できるのは人間だけなんだよ。
でもね、コンピューターは想像できないんだ、だって意味を知らないからね。

すみれ
すみれ

えっ、でも私のスマホで検索したら坊ちゃんが出て来ましたわよ?
スマホが想像してくれているのじゃないのですか?
それともgoogleが想像されているのじゃないのですか?

先生
先生

確かに、googleとかブラウザで検索ワードを入力すると、
関連で色々出てくることは有るよね。
それはブラウザやスマホが想像しているのでは無くて、
googleなどのブラウザは記憶力がものすごく良いので
色んな情報を記憶してて最適な、
もしくは頻出するキーワードを脳から捻り出しているんだよ。

つまりhtmlとは
コンピューターに言葉や文章の意味を教えてあげるものなんだ。

文章や言葉、画像にタグと呼ばれるものを記述して意味を与え、
コンピューターが認識できるようにする。

ここは見出しですよ~    →   h1タグ

重要な場所ですよ~   →   strongタグ

画像はここに置いておきますよ~   →   imgタグ

 

エディターにタグを付けずに文字だけ打ち込み、それをブラウザーに読み込むと、そのままをただ表示するだけで、なんの意味の無い表示となる。
先ほどのタグを付けてあげて、どの画像を使うかを指定してあげると、画像も表示され文字も意味を持つようになります。
先生
先生

ちなみに文字が太字になったり、サイズが大きくなっているのはブラウザの仕様で分かりやすくなっているだけだよ。
後々これは変えられるからね。

すみれ
すみれ

なるほどですわ。
つまりhtmlとは
HyperText Markup Language(ハイパーテキストマークアップランゲージ)の略で、
文章や言葉、画像にタグと呼ばれるものを記述して意味を与えるものなのですね。

 

すみれ
すみれ

まだまだ他にも色んなこと聞きたいですわ!!

先生
先生

いいよ。
それじゃ、また次で教えてあげるね。
それまでにしっかりと復習しておくんだよ。

すみれ
すみれ

は〜い、わかりました!!

タイトルとURLをコピーしました