タイトル

2023.06.06

「HTMLの基本的な構成例を解説!」というタイトルでお送りします。

HTMLとは?

HTMLとはHyper Text Markup Languageの略称で、Webページを作るのに必要な言語の1つです。HTMLはタグを使ってWebページを構成するため、タグの使い方を把握することが大切になってきます。

HTMLの基本的な構成例

さて、HTMLの基本的な構成例についてご紹介します。まずは、下記のような基本的な構成例を覚えておきましょう。

(タイトル)

大見出し1

(大見出し)

小見出し1

(小見出し)

テキスト1

このような構成例であれば、基本的なWebページを作ることができます。まず最初のという部分は、Webページのタイトルとなります。次に

    という部分は、リストを表すタグです。リストの中には、

  • という部分でリストの項目を表しています。リストの中にはリンクという部分でリンクを貼ることができます。

    大見出し、小見出しはそれぞれ

    のタグを使います。これらの見出しは、Webページの構成を分かりやすくするために使われます。最後に

    タグを使って、テキストを表示することができます。

    大見出しは3つ〜7つ、小見出しは3つ〜7つ

    大見出しや小見出しは、Webページの読みやすさを考えると、必ずしも多いほど良いというわけではありません。大見出しは、Webページのセクションを分けるためのものですので、多くても7つほどが適当です。ただし、テーマによってはもう少し多くても問題ありません。

    小見出しについても同じく、Webページ内の情報を整理するためのものですので、適度な量に止めることが大切です。通常、小見出しは大見出しの下に来るものですが、場合によっては独立したページを作るときに使われることもあります。

    まとめ

    以上、HTMLの基本的な構成例についてご紹介しました。HTMLの基本構成例を覚えておけば、Webページの作成に役立つことでしょう。ただし、多すぎる見出しは読みやすさを損なうことになるため、適度に見出しを使い分けることが大切です。