<h1>

<h1>見出しを実装しよう</h1>

body {
  line-height: 2;
}
h1 {
  font-size: 40px;
  font-weight: bold;
}


見出しを実装しよう


    const questions = [
        {
            title: '',
            tests: [
                {
                    title: 'エディター内のテキスト`*見出しを実装しよう*`を`*<h1>*`タグで囲んでください',
                    hint: '開始タグ`*<h1>*`と、終了タグ`*</h1>*`でテキストを囲みます',
                    test: () => isContainTextInEditor('<h1>見出しを実装しよう</h1>')
                }
            ]
        }
    ];


見出しの実装1

<h2~h6>

見出しの実装2

<br>

段落と改行

<ul>

<li>

箇条書きリストの実装

リンクの追加

<img>

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

画像の表示

<div>

グループ化

コメントアウト

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