HTMLって、どうやって使うの？

2026年08月24日／キャリカク岡山事業所

前回は、「WebブラウザとHTMLについて」お話しました。

今回は、もう少し具体的に、

HTMLはどうやって使うのか？

というところを、

できるだけやさしく見ていきたいと思います。

HTMLは、ただ文字を書くためだけのものではありません。

文章の中に、

・これは見出しです。

・これは本文です。

・これは表です。

・これは画像です。

・これはリンクです。

というように、意味を付けるために使います。

たとえば、普通の文章だけなら、

HTMLって、どうやって使うの？

これは本文です。

と書くだけです。

でもHTMLなら、これを次のように書きます。

<h2>HTMLって、どうやって使うの？</h2> <p>これは本文です。</p>

このように記述して、

`<h2>` は見出しを表し、

`<p>` は段落を表します。

このように、HTMLでは文章をタグで囲むことで、

「これは何なのか」をWebブラウザに伝えます。

HTMLのタグは、文章に付ける名札のようなものです。

たとえば、

<p>これは段落です。</p>

この場合、

`<p>` が始まり、

`</p>` が終わりになり、

その間にある文章が、段落として扱われます。

見出しなら、こうです。

<h2>これは見出しです</h2>

箇条書きなら、こうです。

<ul>


  <li>りんご</li>


  <li>みかん</li>


  <li>バナナ</li>


</ul>

`ul` は箇条書きリスト。

`li` はリストの1項目です。

最初は全部覚えなくても大丈夫です。

まずは、

`h2` は見出し。

`p` は段落。

`ul` と `li` は箇条書き。

このくらいで十分です。

HTMLは、人間が読む文章でもありますが、

同時にWebブラウザが読むための文章でもあります。

WebブラウザはHTMLを読んで、

・ここは大きな見出しにしよう。

・ここは普通の本文にしよう。

・ここは箇条書きにしよう。

・ここに画像を表示しよう。

という判断をします。

つまりHTMLとは、Webページの設計図のようなものです。

次回はWordPressについて書こうと思います。

キャリカク岡山：F.K.

キャリカクは全国34拠点。その輪はますます広がっています。
まずは最寄りのキャリカクにご相談ください。

キャリカク成瀬が2026年12月オープン予定！

キャリカク栗東が2026年8月オープンしました！

キャリカク本八幡駅前事業所が2026年6月オープンしました！

キャリカク大和八木駅Officeが2026年5月オープンしました！

キャリカク半田が2026年5月オープンしました！

キャリカク大分駅前が2026年5月オープンしました！

キャリカク岡山事業所が2026年3月オープンしました！

キャリカク前橋駅前オフィスが2026年2月オープン！

キャリカク東岡崎駅が2025年12月オープン！

愛知

パソコン初心者でもOK！
伏見駅・大須観音駅どちらからもアクセス良好！

キャリカク岡山

HTMLって、どうやって使うの？