01. 基本のタグ

ナナ、HTMLに使う基本的なタグってどんなものがあるの？

いい質問だね、ミサキ！基本のタグはとても大事だから、一緒に学んでいこう。

✴️ タグの種類

HTMLの基本タグには、さまざまな種類があります。以下に、よく使うタグをリスト形式で紹介しますね。

• 見出しタグ
  • <h1> から <h6> までのタグがあり、内容の重要度を示す
• 段落タグ
  • <p>：段落を作成するためのタグ
• リンクタグ
  • <a>：他のページや外部サイトへのリンクを作成する
• 画像タグ
  • <img>：画像を表示するためのタグ
• リストタグ
  • <ul>：順不同リストを作成
  • <ol>：順序付きリストを作成
  • <li>：リストの項目

✴️ 具体的な書き方

ここでは、基本的なタグの具体的な書き方を簡単に説明するね。

1. 見出しタグ

<h1>これは見出し1です</h1>
<h2>これは見出し2です</h2>
<h3>これは見出し3です</h3>

2. 段落タグ

<p>これは段落のテキストです。</p>

3. リンクタグ

<a href="https://www.example.com">こちらをクリック</a>

4. 画像タグ

<img src="image.jpg" alt="説明文">

5. リストタグ

順不同リスト

<ul>
  <li>項目1</li>
  <li>項目2</li>
  <li>項目3</li>
</ul>

順序付きリスト

<ol>
  <li>最初の項目</li>
  <li>次の項目</li>
  <li>最後の項目</li>
</ol>

✴️ 利用ケース・例

それぞれのタグの利用ケースを紹介するね。

• 見出しタグ：ページの構成を整理するため、特にタイトルやセクションの見出しに使うよ。
• 段落タグ：テキストを段落として分ける際に必須だね。
• リンクタグ：他の情報源や関連ページにユーザーを誘導するために使うよ。
• 画像タグ：視覚的なコンテンツとして画像を表示するために利用する。
• リストタグ：情報を分かりやすく整理するために、項目をリスト形式で表示する。

✅ まとめ

HTMLの基本タグについて学んできましたね！これらのタグは、ウェブページを作成する際に欠かせないものです。理解を深めて、実際に使ってみてください。何か質問があったら、いつでも聞いてね！