CSS確認用のページ

CSSがきちんとあたっているのかを確認するためのページです。ついでに、要約が適切に抽出されているか確認するために、特段意味もなく冒頭に文を追加しています。ここまでが最初の段落です。

ここからは2段落目です。ここは一覧には表示されません。

見出し1(h1)🔗

これは見出し1のサンプルです。記事本文では使われません。

見出し2(h2)🔗

これは見出し2のサンプルです。記事本文で使われる最も大きい見出しです。

見出し3(h3)🔗

これは見出し3のサンプルです。記事本文でよく使われます。

見出し4(h4)🔗

これは見出し4のサンプルです。記事本文では基本使わないことにします。

見出し5(h5)🔗

これは見出し5のサンプルです。記事本文では基本使わないことにします。

見出し6(h6)🔗

これは見出し6のサンプルです。記事本文では基本使わないことにします。


段落(Paragraph)🔗

これは通常の段落です。
改行を入れるには、行末に2つのスペースを追加します。
太字斜体取り消し線も含めています。

引用文は以下のように書けます:

これは引用文の例です。
複数行にわたる引用も可能です。


リスト(Lists)🔗

順序なしリスト(Unordered List)🔗

  • リスト項目1
  • リスト項目2
    • 入れ子リスト1
    • 入れ子リスト2
  • リスト項目3

順序付きリスト(Ordered List)🔗

  1. 順序付き項目1
  2. 順序付き項目2
    1. 入れ子順序付き項目1
    2. 入れ子順序付き項目2
  3. 順序付き項目3

インラインリンクはこのようにブログカードにはなりません。


脚注(Footnotes)🔗

これは脚注の例です1。脚注は、文の最後に追加されることが一般的です。

他の脚注も追加できます2

これは脚注にURLのみが存在する場合の例です3。そして、脚注内のインラインリンクも示します4


コードブロック(Code Blocks)🔗

インラインコード🔗

これはインラインコードの例です。

コードブロック(Syntax Highlighting)🔗

function helloWorld() {
  console.log("Hello, World!");
}
body {
  font-family: sans-serif;
  margin: 0;
}

画像(Images)🔗

眩しくないようにデフォルトで少し暗くします。

test


テーブル(Tables)🔗

見出し1見出し2見出し3
セル1セル2セル3
セル4セル5セル6
セル7セル8セル9

ハイライト(Mark)🔗

ここがハイライトされるはずです。しかし、Markdown記法に<mark>はありません。


チェックリスト(Task List)🔗

  • 完了したタスク
  • 未完了のタスク
  • チェック項目

  1. これは最初の脚注です。詳細な説明を書くことができます。

  2. これは2つ目の脚注です。

  3. https://necozenan.com/

  4. インラインリンクの例です。

(1534文字)