いまさらですがマークダウン記法が必要になったので、一覧をメモしておきます。
マークダウンに関する詳細説明は割愛して、よく使用するタグを抽出し対応表を作成しました。
INDEX
マークダウン(Markdown)と HTML の対応表
<XX>text</XX>
| Markdown | HTML | |
|---|---|---|
| 見出し(Headers) | # text ### text |
<h1>text</h1> <h3>text</h3> |
| リスト(Lists)※ | (空行) * text (or + text or – text) * text (or + text or – text) * text (or + text or – text) (空行) |
<ul> <li>text</li> <li>text</li> <li>text</li> </ul> |
| リスト(Lists)※ | (空行) 1. text 2. text 3. text (空行) |
<ol> <li>text</li> <li>text</li> <li>text</li> </ol> |
| リンク(Links) | [text](url) [text](url “linkTitle”) |
<a href=”url”>text</a> <a href=”url” title=”linkTitle”>text</a> |
| 引用(Blockquates)※ | (空行) >text (空行) |
<blockquate>text</blockquate> |
| 強調(Emphasis) | _text_ *text* |
<em>text</em> |
| 強調(Emphasis) | __text__ **text** |
<strong>text</strong> |
| 打ち消し(Strikethrough) | ~~text~~ | <del>text</del> |
| 水平線(Horizontal rules) | *** * * * ***** – – – ———- |
<hr> |
| 画像(Images) |   |
<img src=”url” alt=”text”> <img src=”url” alt=”text” title=”imageTitle”> |
| コード(Code)※ | (空行) ```text``` (空行) |
<pre><code>text</code></pre> |
| エスケープ(Escape) | \### text | <p>### text</p> |
| 改行(Line break) | text(半角スペースx2)text(半角スペースx2)text | <p>text<br> text<br> text</p> |
| 段落(Paragraph) | text (空行) text (空行) text |
<p>text</p> <p>text</p> <p>text</p> |
※上下に空行がないと正しく表示されません
まとめ
マークダウンは初めてでも一度書いてしまえばマスターできるくらい分かりやすいものですが、うっかり忘れてしまったとき役に立つと思い記事にしました。
この記事がみなさんのお役に立ちましたら、下記「Share it」よりブックマークやSNSで共有していただければ幸いです。
