Markdown スタイル確認用サンプル

このページは、Markdownの見た目を確認するためのサンプルです。

---

見出し

見出し H1

見出し H2

見出し H3

見出し H4

見出し H5

見出し H6

---

テキスト

これは通常の段落です。文章の中に 太字、斜体、太字かつ斜体、インラインコード を含めています。

これは別の段落です。段落間の余白を確認できます。

これはリンクです

---

引用

これは引用です。 複数行の引用がどのように表示されるか確認できます。

引用内で段落を分けることもできます。

---

リスト

順序なしリスト

• リスト項目 1
• リスト項目 2
• リスト項目 3
  • ネストされた項目 1
  • ネストされた項目 2

順序ありリスト

1. 最初の項目
2. 次の項目
3. 最後の項目
   1. ネストされた番号付き項目
   2. もうひとつの項目

チェックリスト

• 完了した項目
• 未完了の項目
• 確認中の項目

---

コード

インラインコード

文章の中で const message = "Hello"; のようにコードを表示します。

コードブロック

function hello(name) {
  console.log(`Hello, ${name}!`);
}

hello("world");

body {
  font-family: system-ui, sans-serif;
  line-height: 1.7;
}

---

表

項目	説明	状態
名前	山田 太郎	有効
メール	sample@example.com	確認済み
プラン	スタンダード	利用中

---

画像

---

区切り線

上の文章です。

---

下の文章です。

---

エスケープ文字

Markdown記法として解釈させたくない場合は、バックスラッシュでエスケープします。

*これは斜体になりません*

# これは見出しになりません

---

長めの本文

吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。
何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。

Markdownでは、行末に半角スペースを2つ入れると改行として扱われます。
この行は前の行から改行されています。

空行を入れると、新しい段落になります。

---

まとめ

このサンプルでは、一般的なMarkdownで使われる見出し、段落、リンク、引用、リスト、チェックリスト、コード、表、画像、区切り線を確認できます。