More than 1 year has passed since last update.

【Qiita】これだけで完璧！10個のMarkdown記法🖋

Last updated at 2022-02-16Posted at 2022-02-15

はじめに

はじめまして！
フリーランスマーケターをしながら独学でプログラミングを学んでいるたくろーと申します。

こちらの記事では、Qiitaを投稿する上で欠かせないMarkdown記法について、
__これさえ覚えておけば間違いない10個の記法__を厳選しました。🖋

ぜひこちらの記事を参考にしながら、より質の高いアウトプットを目指して
記事を執筆していただきたいなと思います。

この記事の使い方

こちらの記事では、それぞれの記法ごとに

・書き方
・表示例

をセットで記載しています。

目次から使用したい記法を選択し、書き方の部分をコピー&ペーストすることで
すぐに使用することが可能です。

別タブでこちらの記事を開きながら記事執筆を進めると、より効率的かと思います。
ぜひご自由にお使いください。

【目次】

①見出し
 ②リスト
 ③太字
 ④文字色の変更
 ⑤斜体
 ⑥引用
 ⑦コードの挿入
 ⑧リンクの挿入
 ⑨画像の挿入
 ⑩テーブル（表）の挿入

見出し

書き方

# ここにテキストを挿入
## ここにテキストを挿入
### ここにテキストを挿入
#### ここにテキストを挿入
##### ここにテキストを挿入

ここにテキストを挿入

太字

書き方

**ここにテキストを挿入**

ここにテキストを挿入

##文字色の変更

書き方

<font color="Red">ここにテキストを挿入</font>
<font color="Blue">ここにテキストを挿入</font>
<font color="Green">ここにテキストを挿入</font>
<font color="#fcba03">ここにテキストを挿入</font>

ここにテキストを挿入
ここにテキストを挿入
ここにテキストを挿入
ここにテキストを挿入

斜体

書き方

*ここにテキストを挿入*

ここにテキストを挿入

引用

書き方

> ここにテキストを挿入します
ここにテキストを挿入します
>> ここにテキストを挿入します
ここにテキストを挿入します

ここにテキストを挿入します
ここにテキストを挿入します

ここにテキストを挿入します
ここにテキストを挿入します

コードの挿入

書き方

```言語名:タイトル
ここにテキストを挿入します
```

タイトル

ここにテキストを挿入します

書き方例（Javascriptの場合）

```Javascript:タイトル
function hello(){
return "hello world!";
}
```

タイトル

function hello(){
  return "hello world!";
}

リンクの挿入

書き方

[ここにテキストを挿入します](URL)

ここにテキストを挿入します

画像の挿入

書き方（ドラッグ&ドロップ）

![代替テキスト](URL)

書き方例（ドラッグ&ドロップ）

![Photo.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2478073/ccfa0e0f-209d-99cc-ec5f-e5679fc6718c.jpeg)

書き方（サイズ指定）

<img width="数値" alt="代替テキスト" src="URL">

書き方例（サイズ指定）

<img width="300" alt="Photo.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2478073/ccfa0e0f-209d-99cc-ec5f-e5679fc6718c.jpeg">

テーブルの挿入

書き方（入力時）

列数x行数

書き方例（入力時）

3x2

書き方例（自動変換後）

| 1 | 2 | 3 |
|:-:|:-:|:-:|
|   |   |   |
|   |   |   |

1	2	3

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up