---
title: "Panduan Gaya Markdown | Go Bali Go"
description: "Ini contoh beberapa sintaks Markdown dasar yang bisa kamu pakai saat menulis konten Markdown di Astro."
url: "https://gobaligo.id/id/blog/markdown-style-guide/"
lang: "id"
published: "2024-06-19T00:00:00.000Z"
modified: "2024-06-19T00:00:00.000Z"
source: gobaligo.id
---

# Panduan Gaya Markdown

小 [Oleh Gobaligo編輯部](https://gobaligo.id/about/) Tim editorial Go Bali Go · panduan wisata Bali

2024年6月19日

---

![Panduan Gaya Markdown](https://gobaligo.id/id/assets/blog-placeholder-1.jpg)

💡 Jawaban Singkat

Ini contoh beberapa sintaks Markdown dasar yang bisa kamu pakai saat menulis konten Markdown di Astro.

Ini contoh beberapa sintaks Markdown dasar yang bisa kamu pakai saat menulis konten Markdown di Astro.

## Heading

Elemen HTML `<h1>`—`<h6>` berikut mewakili enam level heading. `<h1>` adalah level tertinggi, sedangkan `<h6>` yang terendah.

# H1

## H2

### H3

#### H4

##### H5

###### H6

## Paragraf

Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.

Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.

## Gambar

### Sintaks

```
![Alt text](./full/or/relative/path/of/image)
```

### Output

![blog placeholder](https://gobaligo.id/_astro/blog-placeholder-about.BtEdEmGp_Z2srqQK.webp)

## Blockquotes

Elemen blockquote mewakili konten yang dikutip dari sumber lain, opsional dengan kutipan yang harus berada dalam elemen `footer` atau `cite`, dan opsional dengan perubahan sebaris seperti anotasi dan singkatan.

### Blockquote tanpa atribusi

#### Sintaks

```
> Tiam, ad mint andaepu dandae nostion secatur sequo quae.  
> **Note** that you can use _Markdown syntax_ within a blockquote.
```

#### Output

>

Tiam, ad mint andaepu dandae nostion secatur sequo quae.

**Catatan** kamu bisa pakai *sintaks Markdown* di dalam blockquote.

### Blockquote dengan atribusi

#### Sintaks

```
> Don't communicate by sharing memory, share memory by communicating.<br>
> — <cite>Rob Pike[^1]</cite>
```

#### Output

>

Jangan komunikasi dengan berbagi memori, berbagi memori dengan berkomunikasi.

— Rob Pike1

## Tabel

### Sintaks

```
| Italics   | Bold     | Code   |
| --------- | -------- | ------ |
| _italics_ | **bold** | `code` |
```

### Output

| Miring | Tebal | Kode |
| --- | --- | --- |
| *miring* | **tebal** | `kode` |

## Blok Kode

### Sintaks

kita bisa pakai 3 backtick ``` in new line and write snippet and close with 3 backticks on new line and to highlight language specific syntax, write one word of language name after first 3 backticks, for eg. html, javascript, css, markdown, typescript, txt, bash

```
```html
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Example HTML5 Document</title>
  </head>
  <body>
    <p>Test</p>
  </body>
</html>
```
```

### Output

```
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Contoh Dokumen HTML5</title>
  </head>
  <body>
    <p>Test</p>
  </body>
</html>
```

## List Types

### Ordered List

#### Syntax

```
1. Item pertama
2. Item kedua
3. Item ketiga
```

#### Output

1. First item

2. Second item

3. Third item

### Unordered List

#### Syntax

```
- Item daftar
- Item lainnya
- Dan item lainnya
```

#### Output

- List item

- Another item

- And another item

### Nested list

#### Syntax

```
- Buah
  - Apel
  - Jeruk
  - Pisang
- Susu
  - Susu cair
  - Keju
```

#### Output

- Fruit

- Apple

- Orange

- Banana

- Dairy

- Milk

- Cheese

## Other Elements — abbr, sub, sup, kbd, mark

### Syntax

```
<abbr title="Graphics Interchange Format">GIF</abbr> adalah format gambar bitmap.

H<sub>2</sub>O

X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>

Tekan <kbd>CTRL</kbd> + <kbd>ALT</kbd> + <kbd>Delete</kbd> untuk mengakhiri sesi.

Kebanyakan <mark>salamander</mark> aktif di malam hari, dan berburu serangga, cacing, dan makhluk kecil lainnya.
```

### Output

GIF adalah format gambar bitmap.

H2O

Xn + Yn = Zn

Tekan CTRL + ALT + Delete untuk mengakhiri sesi.

Kebanyakan salamander aktif di malam hari, dan berburu serangga, cacing, serta makhluk kecil lainnya.

## Footnotes

1.

Kutipan di atas diambil dari [talk](https://www.youtube.com/watch?v=PAAkCSZUG1c) Rob Pike saat Gopherfest, 18 November 2015. ↩