Markdown Cheat Sheet

Markdown Cheat Sheet - BelajarKoding | BelajarKoding

#Basic Syntax

Sintaks dasar Markdown untuk membuat konten yang terstruktur dan mudah dibaca.

#Headings

Cara membuat heading dengan berbagai level untuk mengorganisir konten.

markdown

# H1 - Heading paling besar
## H2 - Heading level 2
### H3 - Heading level 3
#### H4 - Heading level 4
##### H5 - Heading level 5
###### H6 - Heading level 6

#Text Formatting

markdown

**Bold text** atau __Bold text__
 
*Italic text* atau _Italic text_
 
***Bold dan Italic*** atau ___Bold dan Italic___
 
~~Strikethrough text~~
 
`Inline code`
 
> Blockquote
> Bisa multi-line juga

markdown

```
Code block tanpa syntax highlighting
Cukup pake 3 backticks
```
 
```javascript
// Code block dengan syntax highlighting
const hello = "Hello World";
console.log(hello);
```
 
```python
# Python code
def greet(name):
  return f"Hello, {name}!"
```

markdown

Bisa pake HTML langsung:
 
<div align="center">
 <h2>Centered Heading</h2>
 <p>Centered paragraph</p>
</div>
 
<details>
<summary>Click to expand</summary>
 
Hidden content di sini
 
</details>
 
<kbd>Ctrl</kbd> + <kbd>C</kbd>
 
<mark>Highlighted text</mark>

markdown

> [!NOTE]
> Highlights information that users should take into account
 
> [!TIP]
> Optional information to help a user be more successful
 
> [!IMPORTANT]
> Crucial information necessary for users to succeed
 
> [!WARNING]
> Critical content demanding immediate user attention

markdown

```mermaid
graph TD;
  A-->B;
  A-->C;
  B-->D;
  C-->D;
```
 
```mermaid
sequenceDiagram
  participant Alice
  participant Bob
  Alice->>Bob: Hello Bob!
  Bob->>Alice: Hello Alice!
```
 
```mermaid
pie title Pets
  "Dogs" : 386
  "Cats" : 85

markdown

![Build Status](https://img.shields.io/badge/build-passing-brightgreen)
![Coverage](https://img.shields.io/badge/coverage-95%25-green)
![License](https://img.shields.io/badge/license-MIT-blue)

markdown

**Bold** tanpa spasi setelah **kata**bold
**Bold** dengan spasi setelah **kata** bold
 
- List item tanpa spasi setelah dash
- List item dengan spasi setelah dash
 
#Heading tanpa spasi
# Heading dengan spasi

#Basic Syntax

#Headings

#Text Formatting

#Paragraphs & Line Breaks

#Lists

#Unordered Lists

#Ordered Lists

#Task Lists

#Links

#Images

#Code

#Inline Code

#Code Blocks

#Indented Code Blocks

#Tables

#Basic Table

#Alignment

#Simplified Table

#Horizontal Rules

#Blockquotes

#HTML dalam Markdown

#Advanced Features

#Footnotes

#Definition Lists

#Abbreviations

#Emoji (GitHub Flavored Markdown)

#Auto-linking

#GitHub Flavored Markdown (GFM)

#Syntax Highlighting

#Mentions & References

#Alerts (GitHub, 2025)

#Collapsed Sections

#Diagrams (Mermaid)

#Best Practices

#File Organization

#Pattern Umum

#Badges

#Code with Output

#Keyboard Shortcuts

#Mathematical Expressions

#Callouts

#Platform-Specific Features

#GitHub

#GitLab

#Notion

#Obsidian

#Tools & Editors

#Online Editors

#Desktop Editors

#Preview Tools

#Quick Reference

#Shortcuts

#Kesalahan Umum

#Escaping Characters