0
0

More than 1 year has passed since last update.

マークダウンの基本的な書き方

Last updated at Posted at 2021-10-05

Qiitaで日々のアウトプットをするにあたり、マークダウン(Markdown)で記述する必要があるので、基本的な書き方を記します。

[目標] マークダウンで記事を投稿できる



以下のサイトを参考にしました。

コードの挿入

書き方

```ファイル名

ソースコード

```

使用例

エディタ

```sample.html
<p>Hello World!</p>
```

見え方

sample.html
<p>Hello World!</p>

見出し

書き方

# 見出し<h1>
## 見出し<h2>
### 見出し<h3>

使用例

エディタ

# 理想の身体に近づく!おすすめの筋トレ10選
## 下半身を鍛える筋トレ
### スクワット

見え方

理想の身体に近づく!おすすめの筋トレ10選

下半身を鍛える筋トレ

 8. スクワット

文中の改行

書き方

本文の内容<br>本文の内容続き

使用例

エディタ

私が一番尊敬する偉人は、<br>アルベルト=アインシュタインです。

見え方

私が一番尊敬する偉人は、
アルベルト=アインシュタインです。

リスト

書き方

+ 数字なしリスト
* これでもOK
- これでもOK

使用例

エディタ

+ シュレーディンガー
* ハイゼンベルグ
- ボルン

見え方

  • シュレーディンガー
  • ハイゼンベルク
  • ボルン

番号付きリスト

書き方

(数字). 手順1
(数字). 手順2
(数字). 手順3

使用例

エディタ

1.  卵をとく
1.  フライパンで焼く
1.  形を整える

見え方

  1. 卵をとく
  2. フライパンで焼く
  3. 形を整える

定義リスト

書き方

<dl>
    <dt>定義1</dt>
    <dd>説明1</dd>
</dl>

使用例

エディタ

<dl>
    <dt>恒星</dt>
    <dd>自ら光を発する星</dd>
    <dt>惑星</dt>
    <dd>恒星の周りを回る星</dd>
    <dt>衛星</dt>
    <dd>惑星の周りを回る星</dd>
</dl>

見え方

恒星

自ら光を発する星

惑星

恒星の周りを回る星

衛星

惑星の周りを回る星

引用

書き方

>引用文

使用例

エディタ

>少年よ大志を抱け

見え方

少年よ大志を抱け

リンク

書き方

[リンクテキスト](URL)
[リンクテキスト](URL "タイトル") // マウスホバーしたらタイトルを表示

使用例

エディタ

[Markdown記法 チートシート](https://qiita.com/Qiita/items/c686397e4a0f4f11683d "Markdown記法 チートシート")

見え方

Markdown記法 チートシート

リンクカード

書き方

(空行)
URL
(空行)

使用例

エディタ

https://qiita.com/Qiita/items/c686397e4a0f4f11683d

見え方

画像の貼り付け

書き方

![代替テキスト](画像のURL)
![代替テキスト](画像のURL "画像のタイトル") // マウスホバーしたらタイトルを表示

使用例

エディタ

![アイコン](https://s3-ap-northeast-1.amazonaws.com/qiita-image-store/0/1909167/d449bf4367b1df260d88ddea7438a7eb72d4c6d7/x_large.png?1629369960 "アイコン")

見え方

アイコン

折りたたみ

書き方

<details>
<summary>要約として表示させたい部分</summary>
隠れる部分
</details>

使用例

エディタ

マークダウンとは

<details>
<summaryマークダウンは文書構造を明示しながら記述できる記法です。</summary>
#や*などといったシンプルな記号を用いて、見出しや引用といった意味づけが可能です。
</details>

見え方

マークダウンとは


マークダウンは文書構造を明示しながら記述できる記法です。
#や*などといったシンプルな記号を用いて、見出しや引用といった意味づけが可能です。

テーブル

書き方

//   行数x列数 => テーブルを挿入をクリック
| 1 | 2 |
|:-:|:-:|
|    |    |
|    |    |

使用例

エディタ

| 東 | 南 | 西 | 北 |
|:-:|:-:|:-:|:-:|
| 持国天 | 増長天 | 広目天 | 多聞天 |
| 青龍 | 朱雀 | 白虎 | 玄武 |

見え方

西
持国天 増長天 広目天 多聞天
青龍 朱雀 白虎 玄武

太字

書き方

**太字**
__太字__

使用例

エディタ

水は**水素**と**酸素**に分解できる

見え方

水は水素酸素に分解できる

注釈

書き方

[^1]
[^1]:内容

使用例

エディタ

首都をロンドンとしている国はイギリス[^1]だ
[^1]: 正式名称:グレートブリテン及び北アイルランド連合王国

見え方

首都をロンドンとしている国はイギリス1


  1. 正式名称:グレートブリテン及び北アイルランド連合王国 

0
0
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0