Panduan Markdown

Last modified: 19 Jun 2022

Pada halaman ini akan dibahas panduan dan sintaks (syntax) dalam penggunaan markdown di Portalnesia.

Heading

Untuk membuat heading, tambahkan tanda pagar (#) di depan kata atau frasa. Jumlah tanda pagar yang Anda gunakan menunjukkan level heading. Misalnya, untuk membuat heading level 3 (<h3>), gunakan tiga tanda pagar (mis., ### My Header).

MarkdownHTMLOutput
# 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

 

✅  Do this

This is a paragraph.

# Here's the heading

And this is another paragraph.

 

❌  Don't do this

This is a paragraph.
# Here's the heading
And this is another paragraph.

 

Paragraphs

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

MarkdownHTMLOutput
I really like using Markdown.
                                                                                                  I think I'll use it to format all of my documents from now on.
<p>I really like using Markdown.</p>
                                                                                                  <p>I think I'll use it to format all of my documents from now on.</p>

I really like using Markdown.

I think I'll use it to format all of my documents from now on.

 

Line Breaks

Untuk membuat pemisah baris (<br>), akhiri garis dengan dua spasi atau lebih, lalu ketik enter.

MarkdownHTMLOutput
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.

 

Bold

Untuk membuat teks tebal, tambahkan dua tanda bintang (**) atau dua garis bawah (__) sebelum dan sesudah kata atau frasa. Untuk menebalkan huruf yang berada di tengah kata untuk penekanan, tambahkan dua tanda bintang tanpa spasi di sekitar huruf.

MarkdownHTMLOutput
I just love **bold text**.
<p>I just love <strong>bold text</strong>.</p>
I just love bold text.
I just love __bold text__.
<p>I just love <strong>bold text</strong>.</p>
I just love bold text.
Love**is**bold
<p>Love<strong>is</strong>bold</p>
Loveisbold

 

Italic

Untuk membuat teks miring, tambahkan satu tanda bintang (*) atau satu garis bawah (_) sebelum dan sesudah kata atau frasa. Untuk memiringkan huruf yang berada di tengah kata untuk penekanan, tambahkan satu tanda bintang tanpa spasi di sekitar huruf.

MarkdownHTMLOutput
Italicized text is the *cat's meow*.
<p>Italicized text is the <em>cat's meow</em>.</p>
Italicized text is the cat’s meow.
Italicized text is the _cat's meow_.
<p>Italicized text is the <em>cat's meow</em>.</p>
Italicized text is the cat’s meow.
A*cat*meow
<p>A<em>cat</em>meow</p>
Acatmeow

 

Bold and Italic

Untuk menekankan teks dengan huruf tebal dan miring secara bersamaan, tambahkan tiga tanda bintang (***) atau tiga garis bawah (___) sebelum dan sesudah kata atau frasa. Untuk membuat huruf tebal dan huruf miring di tengah kata untuk penekanan, tambahkan tiga tanda bintang tanpa spasi di sekitar huruf.

MarkdownHTMLOutput
This text is ***really important***.
<p>This text is <strong><em>really important</em></strong>.</p>
This text is really important.
This text is ___really important___.
<p>This text is <strong><em>really important</em></strong>.</p>
This text is really important.
This text is __*really important*__.
<p>This text is <strong><em>really important</em></strong>.</p>
This text is really important.
This text is **_really important_**.
<p>This text is <strong><em>really important</em></strong>.</p>
This text is really important.
This is really***very***important text.
<p>This is really<strong><em>very</em></strong>important text.</p>
This is reallyveryimportant text.

 

Blockquotes

Untuk membuat 'blockquote', tambahkan > di depan paragraf.

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

Output akan terlihat seperti ini:

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

 

Blockquotes with Multiple Paragraphs

Blockquotes dapat berisi beberapa paragraf. Tambahkan > pada baris kosong di antara paragraf.

> 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.

Output akan terlihat seperti ini:

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.

 

List

Anda dapat mengatur item ke dalam daftar yang berurutan (ordered) dan tidak berurutan (unordered).

Ordered Lists

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

Markdown:

1. First item
2. Second item
3. Third item
4. Fourth item
1. First item
1. Second item
1. Third item
1. Fourth item
1. First item
8. Second item
3. Third item
5. Fourth item
1. First item
2. Second item
3. Third item
   1. Indented item
   2. Indented item
4. Fourth item

 

HTML:

<ol>
  <li>First item</li>
  <li>Second item</li>
  <li>Third item</li>
  <li>Fourth item</li>
</ol>
<ol>
  <li>First item</li>
  <li>Second item</li>
  <li>Third item
    <ol>
      <li>Indented item</li>
      <li>Indented item</li>
    </ol>
  </li>
  <li>Fourth item</li>
</ol>

 

OUTPUT:

  1. First item  
  2. Second item
  3. Third item
  4. Fourth item

 

  1. First item  
  2. Second item
  3. Third item
    1. Indented item
    2. Indented item
  4. Fourth item


 

Unordered Lists

Untuk membuat daftar tidak berurutan, tambahkan tanda hubung (-), tanda bintang (*), atau tanda plus (+) di depan item baris. Indentasi satu atau lebih item untuk membuat daftar bersarang.

Markdown:

- First item
- Second item
- Third item
- Fourth item
* First item
* Second item
* Third item
* Fourth item
+ First item
* Second item
- Third item
+ Fourth item
- First item
- Second item
- Third item
  - Indented item
  - Indented item
- Fourth item

 

HTML:

<ul>
  <li>First item</li>
  <li>Second item</li>
  <li>Third item</li>
  <li>Fourth item</li>
</ul>
<ul>
  <li>First item</li>
  <li>Second item</li>
  <li>Third item
    <ul>
      <li>Indented item</li>
      <li>Indented item</li>
    </ul>
  </li>
  <li>Fourth item</li>
</ul>

 

OUTPUT:

  • First item  
  • Second item
  • Third item
  • Fourth item

 

  • First item  
  • Second item
  • Third item
    • Indented item
    • Indented item
  • Fourth item

 

 

Code

Untuk menunjukkan kata atau frasa sebagai kode, lampirkan dalam backticks (`).

MarkdownHTMLOutput
At the command prompt, type `nano`
<p>At the command prompt, type <code>nano</code></p>
At the command prompt, type nano

 

Code Blocks

Untuk membuat blok kode, tambahkan tiga backticks (```) sebelum dan sesudah baris kode.

```
<html>
  <head>
  </head>
</html>
```

Output akan terlihat seperti ini:

<html>
  <head>
  </head>
</html>

Untuk membuat blok kode menggunakan bahasa pemrograman tertentu, Masukkan bahasa pemrograman setelah tanda tiga backticks (```)

```js
import React from 'react'
  
export default function App(){
  return <div>Hello World</div>
}
```

Output akan terlihat seperti ini:

import React from 'react'
  
export default function App(){
  return <div>Hello World</div>
}

 

Horizontal Rule

Untuk membuat garis horizontal <hr>, gunakan tiga atau lebih tanda bintang (***), tanda hubung (---), atau garis bawah (___).

***
---
______________

Output akan terlihat seperti ini:


 

✅  Do this

Try to put a blank line before...
  
---
  
...and after a horizontal rule.

 

❌  Don't do this

Without blank lines, this would be a heading.
---
Don't do this!

 

Untuk membuat tautan, lampirkan teks tautan dalam tanda kurung kotak (mis., [Portalnesia]) dan kemudian segera ikuti dengan URL dalam tanda kurung (mis., (https://portalnesia.com)).

Anda bisa kontak kami [disini](https://portalnesia.com/contact)

Output akan terlihat seperti ini:

Anda bisa kontak kami disini

 

Escaping Characters

Untuk menampilkan karakter yang seharusnya digunakan untuk memformat teks dalam dokumen Markdown, tambahkan garis miring terbalik (\) di depan karakter.

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

Output akan terlihat seperti ini:

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


Category: Tutorial

Other Posts
Comments