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

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

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

<XX>text</XX>
 MarkdownHTML
見出し(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で共有していただければ幸いです。

siro:chro 無料ゲーム SQN をリリースしました

img_sqn_00

sirochro 初の無料ゲームアプリ SQN をリリースしました。
記事:SQN: iOS 無料ゲームアプリ SQN - Sequential Numbers をリリース
ちょっとした時間に楽しめる完全無料のゲームなっていますので、是非ダウンロードして遊んでみてください。

↓SQN のダウンロードはこちらから

Related Contents

Pickup Contents