MENU
コンテンツ再構築中

HTML: マークダウン記法(Markdown)と HTML の対応表

いまさらですがマークダウン記法が必要になったので、一覧をメモしておきます。
マークダウンに関する詳細説明は割愛して、よく使用するタグを抽出し対応表を作成しました。

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) ![text](url)
![text](url “imageTitle”)
<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で共有していただければ幸いです。

Please share it!
  • URLをコピーしました!
  • URLをコピーしました!
INDEX