【表示確認用】記事本文の装飾・ブロック一覧
この投稿は表示確認専用です。以下は見出し・文字装飾・画像などのサンプルであり、正式なお知らせではありません。
大見出しを入れることができます。
通常の文章と太字の文章、斜体の文章、取り消し線、本文中のリンクを確認できます。
明示的な改行にも対応しています。H2O、102、sample-codeも表示します。
中見出しを入れることができます。
中見出しには下線を付けています。長い文章や画面幅に応じた自然な改行を確認できます。
小見出しを入れることができます。
小見出しの先頭にはピンク色の丸が表示されます。
見出し5のサンプル
補足を整理するための見出しです。
見出し6のサンプル
さらに細かい分類が必要な場合に使います。
箇条書き・番号付きリスト
- 箇条書きの1項目目
- 箇条書きの2項目目
- 入れ子の項目
- 最初の手順
- 次の手順
引用・抜粋
引用文のサンプルです。背景と左側の線で本文と区別します。
表示確認用の出典
大きく取り上げたい言葉のサンプルです。
表示確認用
画像・キャプション・ギャラリー



表・横幅の確認
| 項目 | 内容 | 備考 |
|---|---|---|
| 表示確認 | テーブルの本文です。 | 補足 |
| 複数行 | 長い説明が入った場合も自然に折り返します。 | PC・SPで確認 |
ボタン・カラム
左のカラム
PCでは横並び、SPでは縦並びになることを確認します。
右のカラム
文章量が異なっても読みやすく配置します。

画像と文章を並べたメディアとテキストの表示確認です。
区切り線・コード・整形済みテキスト
const message = "表示確認";
console.log(message);
整形済みテキスト
字下げと改行を保持します。
詩のブロック
改行を保持する文章です。
クリックして詳細を開く
標準の詳細ブロックです。開閉して内容を確認できます。