Markdownとは、
一般のテキスト文書にformat要素を追加するために使えるマークアップ言語です。
Markdownは、一般的に使用するWYSIWYG編集機とは違うため、一定の形式で作成します。
あと、簡単なHTML形式で表示できる特徴があります。
Markdownの使用方法
1)タイトル(Headings)
タイトルを作成するためには、先頭に「#」を付ければいいです。「#」の数によって文字の大きさが変わります。
Markdown | HTML | 結果 |
---|---|---|
# level 1 | <h1>level 1</h1> | level 1 |
## level 2 | <h2>level 2</h2> | level 2 |
### level 3 | <h3>level 3</h3> | level 3 |
#### level 4 | <h4>level 4</h4> | level 4 |
##### level 5 | <h5>level 5</h5> | level 5 |
###### level 6 | <h6>level 6</h6> | level 6 |
他の方法で、テキストの下に === または — を利用して<h1>と<h2>のタグが使えます。
Markdown | HTML | 結果 |
---|---|---|
level 1======== | <h1>level 1</h1> | level 1 |
level 2————– | <h2>level 2</h2> | level 2 |
段落区分(Paragraphs)
段落の区分は「エンター(Enter)キーを2回」入力します。
Markdown | HTML | 結果 |
---|---|---|
Markdownで作成時エンターキーを1回入力した場合 | <p>Markdownで作成時エンターキーを1回入力した場合</p> | Markdownで作成時エンターキーを1回入力した場合 |
Markdownで作成時エンターキーを2回入力した場合 | <p>Markdownで作成時</p><p>エンターキーを2回入力した場合</p> | Markdownで作成時エンターキーを2回入力した場合 |
改行(Line Breaks)
改行は、spaceキー(空白)2回を入力します。(2回以上の空白が必要です)
強調表現(Emphasis)
①斜体(Italic)
斜体は、文字の前後に 「*」 または 「_」を使います。
Markdown | HTML | 結果 |
---|---|---|
*italic* | <em>italic</em> | italic |
_italic_ | <em>italic</em> | italic |
②太文字(bold)
太文字は、文字の前後に 「**」 または 「__」を使います。
Markdown | HTML | 結果 |
---|---|---|
**bold** | <em>bold</em> | bold |
__bold__ | <em>bold</em> | bold |
③斜体 and 太文字(Bold and Italic)
太文字は、文字の前後に 「***」 または 「___」を使います。
④陰影(Shading effect)
陰影は、文字の前後に「`」を使います。
リスト(List)
①連番を使いたい場合
連番を使いたい場合は、「1. 2. 3.」または「1) 2) 3)」を使います。
Markdown | HTML | 結果 |
---|---|---|
1.一番目2.二番目3.三番目 | <ol><li>一番目</li><li>二番目</li><li>三番目</li></ol> | 1.一番目2.二番目3.三番目 |
1.ただ3.間をあけても5.こうなる | <ol><li>ただ</li><li>間をあけても</li><li>こうなる</li></ol> | 1.ただ2.間をあけても3.こうなる |
②連番を使いたく無い場合
連番を使いたくない場合は、「-」「*」「+」を使います。
Markdown | HTML | 結果 |
---|---|---|
*一番目*二番目*三番目 | <ol><li>一番目</li><li>二番目</li><li>三番目</li></ol> | ・一番目・二番目・三番目 |
ブロック(Blockquotes)
ブロックは、「>」を使います。
Markdown | HTML | 結果 |
---|---|---|
>ブロック | <blockquote>ブロック</blockquote> |
|
>ブロック内の>>ブロックも可能 | <blockquote>ブロック内の</blockquote><blockquote>ブロックも可能</blockquote> |
|
>スタイルも適応可能 | <blockquote><strong>スタイルも適応可能</strong></blockquote> |
|
コードブロック(Code Blocks)
コードブロックは、4つのスペース(空白)を使います。
これがコードブロックです
水平線(Horizontals)
水平線は、「***」「—」「___」を使います。
***
リンク(Links)
リンクは、「[テキスト](URL)」の形式で使います。