おさかなさんの覚え書き

Markdown記法の一覧表

POST: 2020-02-11 / UPDATED: 2020-02-20

基本的な記法

素の文 - pタグ

文章  

文章

末尾に半角スペース二つを入れなければ改行が行われません。
また、このような素の文はpタグとして処理されます。

イタリック/太字/イタリックの太字

*イタリック*
**太字**
***イタリックの太字***

italic, bold, italic_bold

イタリック体は斜めに傾けた筆記体調のデザインで、ただ文字はそのままに傾けただけの斜体より整っているケースが多いです。

打ち消し線

~~打ち消し線~~

打ち消し線

表示しなくなるコメントアウトとは違うので注意。

脚注/補遺 - id属性を利用したリンク

[^id]
脚注/補遺を付けたい文[^id]
[^id]: 脚注/補遺

[^id]を単体で置いたり文の末尾につけると、同じidの[^id]:へ簡単に移動できるリンクができます。[1]

見出し - h1からh6までのhタグ

# 見出し内容

最初の#の数でhに続く数字が決まります。この例ではh1のタグが該当します。

このタグには素の文のように末尾に半角スペース二つは必要ありません。しかし、#見出し内容との間に半角スペースを一ついれないと、見出しとして認識されません。

リンク - aタグ

<URL>
[str](url)
[str](url "title")
[str](url 'title')

<URL>URLを表示してURLへリンクを貼ります。<a href="URL">URL</a>と同等です。

[str](url)は前述のリンクにurlそのままではなく表示するための文字を設定したもので、<a href="url">str</a>と同等です。

[str](url "title")及び[str](url 'title')は前述のリンクにtitle属性を設定したものです。titleを囲うクォートはシングルクォートとダブルクォートどちらも可能ですが、囲うクォートの種類は統一してください。

埋め込み画像 - imgタグ

![alt](src)
![alt](src "title")
![alt](src 'title')

![alt](src)srcの画像にalt属性でaltを指定します。<img src="src" alt="alt">と同等です。

![alt](src "title")及び![alt](src 'title')は前述のものにtitle属性を追加したもので、<img src="src" alt="alt" title="title">と同等です。

titleを囲うクォートはシングルクォートとダブルクォートどちらも可能ですが、囲うクォートの種類は統一してください。

水平線 - hrタグ

---
***

半角ハイフン三つ以上、あるいは半角アスタリスク三つ以上を同じ行に他の要素なしで置くことで水平線を作ることができます。
半角スペースであれば、途中に差し込んでも動作します。

コード表示(インライン) - codeタグ

`code`

コード表示(SyntaxHightLight) - preタグ

```lang:filename
pre
```

表 - table,tr,td…タグ

| a | b |
| 1 | 2 |

閲覧いただきありがとうございました。質問あるいは指摘などございましたらコメントをお願いします。


  1. これが脚注/補遺の効果 ↩︎

TWEET