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
- put it on dish
- 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>
〇〇(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>