HTMLとは?超初心者向けに簡単にわかりやすく説明(漫画付)

HTMLとは?超初心者向けに簡単にわかりやすく説明(漫画付)プログラミング超初心者
『HTML?なんじゃそれ?どう読めばいいの?』プログラミング超初心者
『HTML?なんじゃそれ?どう読めばいいの?』

こんにちは、AWAKOJIです。

今日も薬剤師をしながらプログラミングの勉強をしています。

プログラミングを勉強し始めたときに、最初の方に出会う用語がHTMLです。

読み方はそのまま、『エイチティーエムエル』と読みます。

この記事では超初心者向けにHTMLとは何か?について簡単にわかりやすく説明します。

理解しやすいように、下手ですが漫画を最初につけました。この記事は、5分もかからず読むことができます。
この記事の内容
・漫画~HTMLとは?~
・HTMLとは何の略なの?
・HTMLとは文字の位置や大きさなどを指示できる
・あとがき

スポンサーリンク

漫画〜HTMLとは?〜

HTMLとはHyperText Markup Languageの略
実際はリンクだけでなくwebサイト上に表示される文章の位置や大きさなどを支持するために使用される言語のこと
似顔絵に例えると顔のりんかくがwebサイト、顔のパーツが文章。パーツの位置や大きさを決めるのがHTML
ちなみにCSSと呼ばれる言語が見栄えを良くするための化粧に例えられる

以上、超初心者向けにHTMLとは何かについて漫画で説明してみました。
ここからは、もう少しだけ詳しくHTMLについて説明しました。
よかったらご覧ください。

HTMLとは何の略なの?

プログラミングとはまったく別の世界で生きている僕でも、この単語は見たことがありました。

でも読み方はいまいちわかっていなかったです。

前述の通り、HTMLの読み方は『エイチティーエムエル』です

無知の僕は、少し前までエッチトムルって読んでいました・・・

このHTMLはなんの略かというと、

HyperText Markup Languageです。

HyperTextというのは、wordを使うときにたまに見かける単語です。文章などを他の場所と結び付けるための手段、つまり簡単にいえばリンクのことです。(Text:『文章』、Hyper:『超える』という意味)

Markupというのは、印をつけるという意味。

Language言語ですね。

これらを踏まえると、HTMLとは、リンクを印つけるための言語という意味になります。

HTMLとは文字の位置や大きさなどを指示できる

HTMLを使えば、リンクを張ることが可能です。

リンクを飛ばしたい文字の前後に、<a>という印(タグといいます)を付ければリンクを作れます。

しかし、HTMLが利用されるのはそれだけではありません。

<h1>というタグを付ければ、大きな文字を表示してタイトルを作ることができます。
hはheading、つまり見出しという意味です。

<p>というタグを付けれれば、段落を作ることができます。
pはparagragh、つまり段落という意味です。

<b>というタグを付ければ、文字を太字にすることができます。
bはbold、つまり太字という意味です。

このようにHTMLは、web上に表示される文字の位置や大きさなどを指示することができる言葉であることがわかります。

印の種類は約100種類ほどありますが主に使用されるものは決まっています。

HTMLは似顔絵である

HTMLは例えるなら似顔絵かなと僕は思っています。

顔の輪郭webページ

そこに描く目や鼻や口文章

それらの大きさや場所を決めてくれるのがHTMLです。

さらにwebページのデザインを担当するのが、CSSという言語です。

CSSは化粧にあたると僕は思っています。

CSSについてはまた別記事で書こうと思います。

HTMLを実際に使ってみよう!

細かいルールは抜きにして実際に、HTMLを使ってみましょう!

windowsでしたらメモ帳を、macでしたらテキストエディットを開いてみましょう。

ここにタイトル、文章、文章内に太字とリンクを作ってみます。

<h1>プログラミングは楽しい</h1>
<p>プログラミングができれば自分の可能性が広がる。</p>
<p>AWAKOJIの<b>プログラミング記事</b>を参考にしましょう。</p>
<p>記事は<a href=”https://positivelifeshow.com/category/programming/”>こちら</a>プログラミング万歳!</p>

上記の文字列をメモ帳にコピー&ペーストしてください。

これを拡張子htmlにして保存します。

あとはこのファイルを、ブラウザのURL入力欄にドラッグすればできあがりです。

あとがき

以上、HTMLとはなにかについて簡単に説明してみました。

プログラミングを勉強するのであればHTMLは必ず通らなければいけない道です。

でも他の言語と比べ難易度は低く理解しやすいです。

HTMLをエッチトムルと言っていた素人の僕が、30代から勉強してもスムーズに進めることができた言語です。

興味があれば、ぜひあなたもプログラミングの世界に来てください!

スポンサーリンク

おすすめ記事

フォローする