Sample

05/01/2015(05/01/2015)

はじめに

Blog 記事を作成するために、Markdown の記法を知る。

結論

  • 初級

    • 見出し
    • 段落
    • 強調
    • 斜体
    • 打ち消し
    • 順序なしリスト
    • 順序つきリスト
    • チェックボックス
    • 引用
  • 中級

    • code block
    • タイトル付き code block
    • リンク
    • 画像
    • 折り畳み
    • 脚注

初級

段落。

段落。

段落。

段落 強調 斜体 打ち消し

  • ul
  • ol

    • vegetable
    • fruit

      • apple
      • grape
      • orange

段落。

  1. cut vegetables
  2. put it into frying pan
  3. fry it
  4. decorate it

    1. put it on dish
    2. put the dish on the table

より少なく、しかしより良く 1 より少なく、しかしより良く 2

.content {
  line-height: 1;
  display: flex;
  gap: 1em;
  flex-direction: column;
  border: 1px solid orange;
}

.container { border: 1px solid orange; display: flex; /* flex-direction: column; */ justify-content: center; column-gap: 0.5em; }

中級

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <h1>Hello World</h1>
    <p>this is hello world</p>
  </body>
</html>
index.html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <h1>Hello World</h1>
  <p>this is hello world</p>
</body>
</html>

Markdown 一覧

salty egg

〇〇(index.html)
要約すると,〜〜〜〜
コードは,いかにしるす
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <h1>Hello World</h1>
    <p>this is hello world</p>
  </body>
</html>

脚注