【Markdown記法】テーブルを作成し、セル内で改行する方法

Amazonのアソシエイトとして、ITナレッジライフは適格販売により収入を得ています。

記事の文字数：989

Markdown記法でテーブル（表）を作成する方法を紹介します。セル内で改行する場合は<br/>タグを挿入します。ヘッダなしのテーブルにしたい場合は、直接tableタグを指定します。

2024/9/4 2024/9/4 更新

Markdown

更新履歴

お役立ちツール

ITニュース最新の技術ニュースをチェック

フラッシュカードこの記事の用語を確認

ITエンジニアにお勧めの本

ベストセラー

世界一流エンジニアの思考法 (文春e-book)

📦 Amazonで見る

文系社会人のためのIT資格の歩き方: 文系のあなたに最適な道をご提案します (YKcreate kiki)

📦 Amazonで見る

エンジニアを説明上手にする本相手に応じた技術情報や知識の伝え方

📦 Amazonで見る

テーブル（表）作成の構文

Markdownでテーブルを作成する場合は、以下のように|で囲って指定します。

1
| ヘッダ1 | ヘッダ2 | ヘッダ… |
2
| :--- | :---: | ---: |
3
|内容1-1 | 内容1-2 | 内容… |
4
|内容2-1 | 内容2-2 | 内容… |
5
|内容… | 内容… | 内容… |

左寄せ・中央寄せ・右寄せの指定

ヘッダと内容の間には---+:を指定し、それぞれ以下意味になります。

左寄せ :---
中央寄せ :---:
右寄せ ---:

※：がない場合は、左寄せ

テーブル（表）を作成する

Markdownでテーブルを作成するコード例を以下に示します。

コード例（テーブル作成）

1
| 項目 | 説明 | 備考 |
2
| :--- | :---: | ---: |
3
| 項目A（左寄せ） | 項目Aの説明です。（中央寄せ） | 項目Aの備考です。（右寄せ） |
4
| 項目B | 項目Bの説明です。 | 項目Bの備考です。 |
5
| 項目C | 項目Cの説明です。 | 項目Cの備考です。 |

出力結果（テーブル作成）

項目	説明	備考
項目A（左寄せ）	項目Aの説明です。（中央寄せ）	項目Aの備考です。（右寄せ）
項目B	項目Bの説明です。	項目Bの備考です。
項目C	項目Cの説明です。	項目Cの備考です。

作成したテーブル内で改行する

作成したテーブル内で改行したい場合は内容に<br/>タグを挿入します。
コード例を以下に示します。

コード例（テーブル内改行）

1
| 項目 | 説明 | 備考 |
2
| --- | --- | --- |
3
| 項目A | 項目Aの説明です。<br/>項目A改行を入れました。 | 項目Aの備考です。 |
4
| 項目B | 項目Bの説明です。<br/>項目B改行を入れました。 | 項目Bの備考です。 |
5
| 項目C | 項目Cの説明です。<br/>項目C改行を入れました。 | 項目Cの備考です。 |

出力結果（テーブル内改行）

項目	説明	備考
項目A	項目Aの説明です。項目A改行を入れました。	項目Aの備考です。
項目B	項目Bの説明です。項目B改行を入れました。	項目Bの備考です。
項目C	項目Cの説明です。項目C改行を入れました。	項目Cの備考です。

（おまけ）ヘッダなしのテーブルを作成する

残念ながらMarkdown記法では、ヘッダなしのテーブルを作成することはできません。
代替案として、HTMLのtableタグを指定することで、ヘッダなしテーブルを作成できます。

コード例（ヘッダなしテーブル）

1
<table>
2
    <tr>
3
        <td>項目A</td>
4
        <td>項目Aの説明です。</td>
5
        <td>項目Aの備考です。</td>
6
    </tr>
7
    <tr>
8
        <td>項目B</td>
9
        <td>項目Bの説明です。</td>
10
        <td>項目Bの備考です。</td>
11
    </tr>
12
    <tr>
13
        <td>項目C</td>
14
        <td>項目Cの説明です。</td>
15
        <td>項目Cの備考です。</td>
16
    </tr>
17
</table>

出力結果（ヘッダなしテーブル）

項目A	項目Aの説明です。	項目Aの備考です。
項目B	項目Bの説明です。	項目Bの備考です。
項目C	項目Cの説明です。	項目Cの備考です。