5分で理解!! Webサイトの基本のHTMLとは 【 プログラミング豆知識 】
こんにちはみおはぴです!!
プログラミングの学習をする中で、まず最初に聞く言葉が「HTML」だと思います。
また、HTMLはプログラミングの勉強を始める人が一番最初に勉強する事が多い言語としてよく言われています。
という事で今回は、HTMLとはどんな言語なのか、何が出来るのかを解説していきたいと思います。
それでは早速やっていきましょう！
HTMLとは
HTMLとは、Webページを作成するためのマークアップ言語です。
マークアップ言語（マークアップげんご、英: markup language）は、組版指定に使われる言語と言える[1],[2]。視覚表現や文章構造などを記述するための形式言語である。テキストファイルであることが多いが、バイナリデータによる形式もある。
今まさにあなたが見ているこのWebページも、基本的にはHTMLという言語で作られているんです。
HTMLは何に使われているのか
では、HTMLは何に使われているのでしょうか。
HTMLの主な使われ方は、Webページの作成です。
Webページでは、文字の大きさや色、画像の挿入などが出来ますよね。
実は、これらは全てHTMLで指定しているんです。
また、HTMLはWebに関わる様々な物に使われているため、Webの基本と言われています。
WebサイトにおいてのHTMLの役割とは
HTMLは、一般的にWebサイトの骨組みとなる役割を担っています。
どういう事かと言うと、実はHTMLだけでは、普段見慣れたWebサイトは作れないんです。
基本的にWebサイトでは、HTMLとCSS、そしてJavaScriptなどのようにHTMLとその他の言語を組み合わせて作られています。
つまり、
- HTMLでWebサイトを作るための骨組みを作る
- CSSでWebサイトの見た目を整える
- JavaScriptでサイトに動きを付ける。
このように、それぞれの役割を果たす事で、Webサイトが出来ています。
なので、HTMLは、Webサイトの裏側を支えている縁の下の力持ち的な存在になります。
関連記事
Java と JavaScript の違いは？ それぞれの特徴と4つの相違点を徹底解説 【 プログラミング豆知識 】 - みおはぴの毎日プログラミング
HTMLのメリット
HTMLのメリットは主に3つあります。
初心者でも簡単に習得が出来る
HTMLは、Webの基本と言われているぐらいなので、初心者でも比較的簡単に習得をする事が出来ます。
また、プログラミングの基本でもあるので、HTMLとCSSを習得してから他のプログラミング言語を学ぶという流れが一般的です。
Webの仕組みが分かるようになる
今あるほとんどのWebサイトは、HTMLとCSSで作られています。
なので、HTMLでWebページを作成する事が出来れば、Webの仕組み全般が分かるようになります。
Webの仕組みを理解したいなら、HTMLを学ぶと良いと思います。
Webデザインもできる
HTMLは、Webデザインの最も基本でもあります。
自分でHTMLでWebサイトを作成する事が出来れば、Webサイトやブログのデザインを変更したり、装飾をすることも出来るようになります。
HTMLのデメリット
先ほどはHTMLのメリットについて解説をしていきましたが、もちろんHTMLにもデメリットがあります。
動きをつけることは出来ない
HTMLは文字の大小や色など単純なことしか出来ません。
例えば、文字を動かしたりすることは出来ないので、Webサイトに動きをつけることは出来ないのです。
そのため、HTMLだけではどうしてもサイトの印象が薄くなってしまいます。
簡単なデザインしか作れない
メリットの部分で、デザインをする事が出来ると言いましたが、HTMLはデザインの基本なので、簡単なデザインしか作れません。
自分流に工夫して、おしゃれなWebサイトを作ろうと思ったら、CSSという言語をセットで覚えないといけません。
少しのミスでも影響が大きい
HTMLは文字を様々なタグで囲むことで構成されています。
例えば段落を表示するタグは、<p></p>という物になります。
文章の最後につける閉じタグには「/」がついていますよね。
これを忘れるだけで、自分の思うような文章や文字の構成が出来なくなってしまいます。
今日のまとめ
今回はHTMLについて解説をしていきました。
今日の要点
- HTMLはWebの基本
- JavaScriptやCSSなどとセットで使われる事が多い
- 初心者にオススメの言語
この記事が少しでも参考になっていれば嬉しいです。
Twitterで普段のプログラミングの様子を投稿していたり、DMで質問などの募集もしています。
ぜひ一度覘いてみてください。
みおはぴ🐰 @今年中に起業したい学生ブロガー (@mio_Processing) | Twitter
という事で今回はこの辺で終わりにしたいと思います。
また次回も見てもらえると嬉しいです！
合わせて読みたい
独学で学びたい方に!! オススメのプログラミング学習サイト7選 - みおはぴの毎日プログラミング
初心者にも分かりやすく徹底解説!! プログラミングとは？ 【 プログラミング豆知識 】 - みおはぴの毎日プログラミング
あるコツを押さえるだけ!? 挫折しないプログラミングの独学方法 【 プログラミング豆知識 】 - みおはぴの毎日プログラミング
