Sample

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

はじめに

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

結論

初級
- 見出し
- 段落
- 強調
- 斜体
- 打ち消し
- 順序なしリスト
- 順序つきリスト
- チェックボックス
- 引用
中級
- code block
- タイトル付き code block
- リンク
- 画像
- 折り畳み
- 脚注

初級

段落。

段落強調斜体 ~~打ち消し~~

ul
ol
- vegetable
- fruit
  - apple
  - grape
  - orange

段落。

cut vegetables
put it into frying pan
fry it
decorate it
1. put it on dish
2. put the dish on the table

より少なく、しかしより良く ¹ より少なく、しかしより良く ²

.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 一覧

〇〇(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>

Sample

はじめに

結論

初級

中級

脚注