Panduan Sintaks Markdown

Sintaks penting untuk memformat dokumen Anda

Ikhtisar

Markdown adalah bahasa markup ringan yang dapat Anda gunakan untuk menambahkan elemen pemformatan ke dokumen teks biasa. Dibuat oleh John Gruber pada 2004, Markdown kini menjadi salah satu bahasa markup paling populer di dunia.

Menggunakan Markdown berbeda dari menggunakan editor WYSIWYG. Di aplikasi seperti Microsoft Word, Anda mengklik tombol untuk memformat kata dan frasa, dan perubahan terlihat segera. Markdown tidak seperti itu. Saat Anda membuat file yang diformat Markdown, Anda menambahkan sintaks Markdown ke teks untuk menunjukkan kata dan frasa mana yang harus terlihat berbeda.

Judul

Untuk membuat judul, tambahkan tanda pagar (#) di depan kata atau frasa. Jumlah tanda pagar yang Anda gunakan harus sesuai dengan tingkat judul. Misalnya untuk judul tingkat tiga, gunakan tiga tanda pagar (mis. ### Judul Saya).

Markdown
HTML
Output yang Dirender
# Heading level 1
<h1>Heading level 1</h1>

Heading level 1

## Heading level 2
<h2>Heading level 2</h2>

Heading level 2

### Heading level 3
<h3>Heading level 3</h3>

Heading level 3

#### Heading level 4
<h4>Heading level 4</h4>

Heading level 4

##### Heading level 5
<h5>Heading level 5</h5>
Heading level 5
###### Heading level 6
<h6>Heading level 6</h6>
Heading level 6

Paragraf

Untuk membuat paragraf, gunakan baris kosong untuk memisahkan satu atau lebih baris teks.

Markdown
HTML
Output yang Dirender
I really like using Markdown.

It lets me write easily.
<p>I really like using Markdown.</p>
<p>It lets me write easily.</p>

I really like using Markdown.

It lets me write easily.

Jeda Baris

Untuk membuat jeda baris atau baris baru, akhiri baris dengan dua atau lebih spasi, lalu tekan return.

Markdown
HTML
Output yang Dirender
This is the first line.
And this is the second line.
<p>This is the first line.<br>
And this is the second line.</p>

This is the first line.
And this is the second line.

Penekanan

Anda dapat menambahkan penekanan dengan membuat teks tebal atau miring.

Tebal

Untuk teks tebal, tambahkan dua asterisk (**) atau garis bawah (__) sebelum dan sesudah kata atau frasa.

Markdown
HTML
Output yang Dirender
I just love **bold text**.
I just love <strong>bold text</strong>.

I just love bold text.

I just love __bold text__.
I just love <strong>bold text</strong>.

I just love bold text.

Miring

Untuk teks miring, tambahkan satu asterisk (*) atau garis bawah (_) sebelum dan sesudah kata atau frasa.

Markdown
HTML
Output yang Dirender
The *cat* meows.
The <em>cat</em> meows.

The cat meows.

The _cat_ meows.
The <em>cat</em> meows.

The cat meows.

Tebal dan Miring

Untuk menekankan teks dengan tebal dan miring sekaligus, tambahkan tiga asterisk (***) atau garis bawah (___) sebelum dan sesudah kata atau frasa.

Markdown
HTML
Output yang Dirender
This text is ***really important***.
This text is <strong><em>really important</em></strong>.

This text is really important.

This text is ___really important___.
This text is <strong><em>really important</em></strong>.

This text is really important.

Kutipan Blok

Untuk membuat kutipan blok, tambahkan > di depan paragraf.

Markdown
HTML
Output yang Dirender
> Dorothy followed her through many of the beautiful rooms in her castle.
<blockquote><p>Dorothy followed her through many of the beautiful rooms in her castle.</p></blockquote>

Dorothy followed her through many of the beautiful rooms in her castle.

Kutipan Blok Bersarang

Kutipan blok dapat bersarang. Tambahkan >> di depan paragraf yang ingin Anda sarangkan.

Markdown
Output yang Dirender
> Dorothy followed her through many of the beautiful rooms in her castle.
>
>> The Witch bade her clean the pots and kettles and sweep the floor and keep the fire fed with wood.

Dorothy followed her through many of the beautiful rooms in her castle.

The Witch bade her clean the pots and kettles and sweep the floor and keep the fire fed with wood.

Daftar

Anda dapat mengatur item ke dalam daftar berurutan dan tidak berurutan.

Daftar Berurutan

Untuk membuat daftar berurutan, tambahkan item baris dengan angka diikuti titik. Angka tidak harus berurutan, tetapi daftar harus dimulai dengan angka satu.

Markdown
HTML
Output yang Dirender
1. First item
2. Second item
3. Third item
4. Fourth item
<ol>
  <li>First item</li>
  <li>Second item</li>
  <li>Third item</li>
  <li>Fourth item</li>
</ol>
  1. First item
  2. Second item
  3. Third item
  4. Fourth item

Daftar Tidak Berurutan

Untuk membuat daftar tidak berurutan, tambahkan tanda hubung (-), asterisk (*), atau tanda plus (+) di depan item baris.

Markdown
HTML
Output yang Dirender
- First item
- Second item
- Third item
- Fourth item
<ul>
  <li>First item</li>
  <li>Second item</li>
  <li>Third item</li>
  <li>Fourth item</li>
</ul>
  • First item
  • Second item
  • Third item
  • Fourth item

Kode

Untuk menandai kata atau frasa sebagai kode, sertakan dalam backtick (`).

Markdown
HTML
Output yang Dirender
At the command prompt, type `nano`.
At the command prompt, type <code>nano</code>.

At the command prompt, type nano.

Blok Kode

Untuk membuat blok kode, beri indent setiap baris blok setidaknya empat spasi atau satu tab, atau gunakan tiga backtick (```) sebelum dan sesudah blok kode.

Markdown
Output yang Dirender
```
{
  "firstName": "John",
  "lastName": "Smith",
  "age": 25
}
```
{
  "firstName": "John",
  "lastName": "Smith",
  "age": 25
}

Garis Horizontal

Untuk membuat garis horizontal, gunakan tiga atau lebih asterisk (***), tanda hubung (---), atau garis bawah (___) dalam satu baris.

Markdown
HTML
Output yang Dirender
***
<hr>

---
<hr>

___
<hr>

Gambar

Untuk menambahkan gambar, tambahkan tanda seru (!), diikuti teks alt dalam kurung siku, dan path atau URL ke aset gambar dalam kurung. Anda dapat secara opsional menambahkan judul dalam tanda kutip setelah path atau URL.

Markdown
HTML
Output yang Dirender
![The San Juan Mountains](https://mdg.imgix.net/assets/images/san-juan-mountains.jpg "San Juan Mountains")
<img src="https://mdg.imgix.net/assets/images/san-juan-mountains.jpg" alt="The San Juan Mountains" title="San Juan Mountains">
The San Juan Mountains

Karakter Escape

Untuk menampilkan karakter literal yang biasanya digunakan untuk memformat teks dalam dokumen Markdown, tambahkan backslash (\) di depan karakter.

Markdown
Output yang Dirender
\* Without the backslash, this would be a bullet in an unordered list.

* Without the backslash, this would be a bullet in an unordered list.

Karakter yang Dapat Di-escape

Anda dapat menggunakan backslash untuk meng-escape karakter berikut:

\backslash
`backtick
*asterisk
_underscore
{ }curly braces
[ ]brackets
( )parentheses
#pound sign
+plus sign
-minus sign (hyphen)
.dot
!exclamation mark
|pipe

Tabel

Untuk menambahkan tabel, gunakan tiga atau lebih tanda hubung (---) untuk membuat header setiap kolom, dan gunakan pipa (|) untuk memisahkan setiap kolom. Anda dapat secara opsional menambahkan pipa di kedua ujung tabel.

Markdown
Output yang Dirender
| Syntax    | Description |
| --------- | ----------- |
| Header    | Title       |
| Paragraph | Text        |
SyntaxDescription
HeaderTitle
ParagraphText

Perataan

Anda dapat meratakan teks di kolom ke kiri, kanan, atau tengah dengan menambahkan titik dua (:) ke kiri, kanan, atau kedua sisi tanda hubung dalam baris header.

Markdown
Output yang Dirender
| Align Left | Align Center | Align Right |
| :--- | :---: | ---: |
| This | This | This |
| column | column | column |
| will | will | will |
| align | align | align |
| left | center | right |
Rata KiriRata TengahRata Kanan
ThisThisThis
columncolumncolumn
willwillwill
alignalignalign
leftcenterright