Belajar Menulis Dengan Markdown
Apa itu Markdown?
Markdown adalah bahasa markup yang lebih ringan dari HTML untuk formatting teks.
Markdown bisa dikonversi ke dalam HTML menggunakan beberapa aplikasi. Biasanya menggunakan markdown editor itu sendiri.
Markdown dibuat pada tahun 2004 oleh John Gruber. Tujuannya untuk mempermudah penulisan dokumen web.
Sebagai Contoh:
Aku *sedang* belajar **menulis** dengan [markdown](https://en.wikipedia.org/wiki/Markdown).
Teks ini akan dikonversi ke HTML menjadi seperti ini:
Aku sedang belajar menulis dengan markdown
Aku <em>sedang</em> belajar <strong>menulis</strong> dengan <a href="https://en.wikipedia.org/wiki/Markdown">markdown</a>.
Code diatas jika kita menulis dengan format html, hal ini akan mempersulit kita jaka file html yang kita tulis sangat banyak.
File Markdown
File markdown dapat kita simpan dengan ekstensi .markdown atau .md.
Contoh: belajar-menulis.md atau belajar-menulis.markdown
Format dasar Markdown
Sekarang mari kita belajar menulis format-format dasar markdown.
Membuat Heading
Heading atau judul di markdown dapat dibuat dengan tanda # (pagar).
Contoh:
# Judul 1
## Judul 2
### judul 3
Maka akan menghasilkan:
<h1>Judul 1</h1>
<h2>Judul 2</h2>
<h3>Judul 3</h3>
Format Teks
Jika kamu ingin menulis teks tebal, miring, dan strikeline, maka kita dapat menggunakan code ini:
**Tebal**
*miring*
~~strikeline~~
Membuat Link
Untuk membuat link kita dapat mengunakan tanda kurung seperti ini:
[MisterThree](https://misterthree.netlify.app)
maka akan menghasilkan:
Jika ingin menambahkan title untuk tooltips
[MisterThree](https://misterthree.netlify.app "Misterthree")
maka akan menghasilkan:
Menyisipkan Gambar
Untuk menyisipkan gambar caranya hampir sama dengan membuat link, perbedaanya kita harus menambahkan tanda seru (!) di depannya.
maka akan menghasilkan:
Membuat List
Untuk membuat list kita dapat mengunakan code ini:
* Membuat Judul
* Menyisipkan Gambar
* Membuat List
* Membuat list `unordered list`
1. Membuat Judul
2. Menyisipkan Gambar
3. Membuat List
Maka akan menghasilkan:
Membuat Judul
Menyisipkan Gambar
Membuat List
- Membuat list
unordered list
- Membuat list
- Membuat Judul
- Menyisipkan Gambar
- Membuat List
Untuk unordered list, kita dapat menggunakan tanda bintang (*) dan juga minus (-).
Sebagai contoh:
- item 1
- item 2
- item 3
Menyisipkan Quote
Pada HTML, kita mengenal tag <blockquote> untuk membuat kutipan. Pada markdown, kita dapat mengunakan code seperti ini:
> Mulailah dengan tujuan dalam pikiran
maka akan menghasilkan:
Mulailah dengan tujuan dalam pikiran
Format Markdown Tingkat Lanjut
Kita sudah belajar format dasar Markdown, kali ini kita akan belajar lebih dalam lagi tentang format Markdown
Menulis Inline Code
Inline code sangat sering saya gunakan dalam teks. Cara membuatnya dengan menggunakan tanda (`).
Sebagai contoh:
Perintah `apt-get` adalah perintah untuk menginstall paket di Ubuntu.
maka akan menghasilkan:
Perintah apt-get adalah perintah untuk menginstall paket di Ubuntu.
Menulis Source Code
Source code sering saya tulis dengan markdown. Lalu menggunakan Chroma Highlighting Languages untuk syntax higlighting.
Sebagai contoh:
```js
class HelloWorld{
public static void main(String[] argumen){
System.out.println("Hello World!");
}
}
```
maka akan menghasilkan:
class HelloWorld{
public static void main(String[] argumen){
System.out.println("Hello World!");
}
}
Tanda ` berfungsi untuk menulis source code. Lalu pada pembuka kita tambahkan nama bahasanya agar teksnya berwarna (syntax highligting).
Membuat Tabel
Untuk membuat Tabel di markdown dapat menggunakan code seperti ini :
| Nama | Umur |
| ------ | ---- |
| Bejo | 27 |
| Untung | 23 |
maka akan menghasilkan:
| Nama | Umur |
|---|---|
| Bejo | 27 |
| Untung | 23 |
Membuat Garis Horizontal
Garis horizontal atau <hr>, dapat kita buat dengan tanda ---.
Sebagai contoh:
ini adalah paragraf pertama
---
ini paragraf ke dua
maka akan menghasilkan:
ini adalah paragraf pertama
ini paragraf ke dua
Sekian tutorial dari saya, semoga bermanfaat dan selamat mencoba…!
