1. 見出し

見出し H1

見出し H2

見出し H3

見出し H4

見出し H5

見出し H6

2. テキスト要素

これは通常の段落です。文章の行間や文字サイズ、 余白などを確認するためのサンプルです。 長い文章を表示した場合の折り返しについても確認できます。

太字（strong）、 強調（em）、 マーカー（mark）、 小さい文字（small）、 削除（del）、 追加（ins）、 取り消し（s）、 inline code。

通常のリンク、 ページ内リンク。

これは引用文です。blockquote要素の余白や 背景色、左側のボーダーなどを確認できます。

引用元の例

定義リスト

HTML

Webページの構造を記述する言語。

CSS

Webページの見た目を指定する言語。

3. リスト

順序なしリスト（ul）

• 最初の項目
• 2番目の項目
• 3番目の項目
  • ネストされた項目 A
  • ネストされた項目 B
• 最後の項目

順序付きリスト（ol）

1. 準備をする
2. 作業を開始する
3. 結果を確認する
   1. チェックその1
   2. チェックその2

4. テーブル

5. コード表示

インラインコードは color: red; のように表示されます。

コードブロック（pre + code）

/* CSSサンプル */
body {
    font-family: sans-serif;
    color: #333;
}

h1 {
    font-size: 2rem;
    margin-bottom: 1rem;
}

長い行を含むコード

const message = "これは横幅が狭い画面でコードブロックのスクロール動作を確認するための、とても長い文字列です。";

6. フォーム

7. その他の要素

details / summary

画像とキャプション

区切り線

上の文章

下の文章