<h2~h6>

<h2>hタグとは</h2>



<h3>見出しを実装する際に使うタグです。</h3>



<h4>h1タグは1ページに1つのみの使用が推奨されています。</h4>

<h5>他のhタグは何度でも使えます。</h5>

<h6>順番に気を付けて使いましょう。</h6>

body {
  line-height: 2;
}
h2 {
  font-size: 30px;
  font-weight: bold;
}
h3 {
  font-size: 26px;
  font-weight: bold;
}
h4 {
  font-size: 22px;
}
h5 {
  font-size: 18px;
}
h6 {
  font-size: 14px;
}


hタグとは



見出しを実装する際に使うタグです。



h1タグは1ページに1つのみの使用が推奨されています。

<h5>他のhタグは何度でも使えます。</h5>

<h6>順番に気を付けて使いましょう。</h6>


    const questions = [
        {
            title: '',
            tests: [
                {
                    title: 'エディター内のテキスト`*hタグとは*`を`*<h2>*`タグで囲んでください',
                    hint: 'hint: 開始タグ`*<h2>*`と、終了タグ`*</h2>*`でテキストを囲みます',
                    test: () => isContainTextInEditor('<h2>hタグとは</h2>')
                }
            ]
        },
        {
            title: '',
            tests: [
                {
                    title: 'エディター内のテキスト`*見出しを実装する際に使うタグです。*`を`*<h3>*`タグで囲んでください',
                    hint: '開始タグ`*<h3>*`と、終了タグ`*</h3>*`でテキストを囲みます',
                    test: () => isContainTextInEditor('<h3>見出しを実装する際に使うタグです。</h3>')
                }
            ]
        },
        {
            title: '',
            tests: [
                {
                    title: 'エディター内のテキスト`*h1タグは1ページに1つのみの使用が推奨されています。*`を`*<h4>*`タグで囲んでください',
                    hint: '開始タグ`*<h4>*`と、終了タグ`*</h4>*`でテキストを囲みます',
                    test: () => isContainTextInEditor('<h4>h1タグは1ページに1つのみの使用が推奨されています。</h4>')
                }
            ]
        }
    ];


見出しの実装2

<h1>

見出しの実装1

<br>

段落と改行

<ul>

<li>

箇条書きリストの実装

リンクの追加

<img>

<img>要素で使われる属性は多く存在していますが、その中でも$(1)属性は必須となっており、この属性では埋め込みたい画像へのパスを設定します。
また、$(2)属性は必須ではありませんが、アクセシビリティのために非常に有用で、スクリーンリーダーがこの属性に示された説明を読み上げることで、画像が何を表しているかをユーザーに伝えることができます。

画像の表示

<div>

グループ化

コメントアウト

ウェブデザインの第一歩として、HTMLの基本を学びましょう。
テキストや画像を組み合わせてウェブページの基本的な構造を作成する方法を練習します。