<div>
  <p>グループ化する際は、divタグを使用します。</p>
  <p>グループ化したいところをdivタグで囲みましょう。</p>
</div>

<div>

<p>グループ化する際は、divタグを使用します。</p>
<p>グループ化したいところをdivタグで囲みましょう。</p>


    // =======================
    // テストコード
    // =======================
    const questions = [
        {
            title: '文章をグループ化しよう',
            tests: [
                {
                    title: '複数の`<p></p>`を開始タグ`*<div>*`で囲んでください',
                    hint: '複数の`<p></p>`を囲むように開始タグ`*<div>*`を指定してください',
                    test: () => isContainTextInEditor('<div>')
                },
                {
                    title: '複数の`<p></p>`を閉じタグ`*</div>*`で囲んでください',
                    hint: '複数の`<p></p>`を囲むように閉じタグ`*</div>*`を指定してください',
                    test: () => isContainTextInEditor('</div>')
                }
            ]
        }
    ];


グループ化しよう

<h1>

見出しを実装しよう（h1タグ）

<h2~h6>

見出しを実装しよう（h2-h6タグ）

<br>

段落を配置し、改行しよう

<span>

文章の一部の色を変えよう

<ul>

<li>

リストを作ってみよう

リンクをつけよう

<img>

画像を表示しよう

エディターにコメントを入れてみよう

まずはここから、HTMLを体験してみよう

「まずはここから！HTMLを体験してみよう」レッスンの総復習クイズです。

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

グループ化しよう

まずは必要なスキルを確認しましょう！