Hanya ada sedikit Format text pada Markdown seperti dijelaskan pada perkenalan Markdown disini, bahwa memang Markdown tidak selengkap format HMTL.
Berikut adalah beberapa format text yang biasa dipakai untuk menuliskan sesuatu di Markdown.
- Bold
- Italic
- Strike-throughs
Cara Penulisan
Untuk cara penulisan masing-masing format text diatas adalah sebagai berikut :
Bold
Untuk menuliskan BOLD pada Markdown, teman-teman hanya tinggal memberikan tanda dua bintang diantara kata atau kalimat yang akan ditebalkan.
Contoh :
**Tulisan ini tebal**
maka hasil render yang akan ditampilkan adalah sebagai berikut :
Tulisan ini tebal
Selain dengan tanda satu bintang, penulisan Italic pada Markdown bisa menggunakan tanda satu underscore _
__Tulisan ini tebal__
Perbandingan dengan HTML
Pada HTML penulisan huruf tebal atau BOLD biasanya menggunakan Tag <b></b> atau bisa juga dengan <strong></strong>
Jadi untuk penulisan contoh diatas akan seperti ini :
<b>Tulisan ini tebal</b>
atau
<strong>Tulisan ini tebal</strong>
Hasilnya akan sama dengan format Markdown.
Italic
Untuk menuliskan Italic pada Markdown, teman-teman hanya tinggal memberikan tanda satu bintang diantara kata atau kalimat yang akan ditebalkan.
Contoh :
*Tulisan ini miring*
maka hasil render yang akan ditampilkan adalah sebagai berikut :
Tulisan ini miring
Selain dengan tanda satu bintang, penulisan Italic pada Markdown bisa menggunakan tanda satu underscore _
_Tulisan ini miring_
Perbandingan dengan HTML
Pada HTML penulisan huruf miring atau Italic biasanya menggunakan Tag <i></i> atau bisa juga dengan <em></em>
Jadi untuk penulisan contoh diatas akan seperti ini :
<i>Tulisan ini miring</i>
atau
<em>Tulisan ini miring</em>
Hasilnya akan sama dengan format Markdown.
Strike-throughs
Untuk menuliskan Strike-throughs pada Markdown, teman-teman hanya tinggal memberikan dua tanda gelombang atau TILDE diantara kata atau kalimat yang akan ditebalkan.
Contoh :
~~Tulisan ini dicoret~~
maka hasil render yang akan ditampilkan adalah sebagai berikut :
Tulisan ini dicoret
Perbandingan dengan HTML
Pada HTML penulisan huruf miring atau Strike-throughs biasanya menggunakan Tag <strike></strike> namun hanya untuk HTML 4. Untuk HTML 5 bisa menggunakan Tag <s></s> atau dengan <del></del>
Jadi untuk penulisan contoh diatas akan seperti ini :
<s>Tulisan ini dicoret</s>
atau
<del>Tulisan ini dicoret</del>
Hasilnya akan sama dengan format Markdown.
Tambahan
Pada Markdown tidak ada format khusus untuk penulisan format berikut :
- Underline (garis bawah)
- Sup (pangkat atas)
- Sub (pangkat bawah)
Namun biasanya jika teman-teman ingin menuliskan format tersebut pada Markdown, teman-teman tetap bisa menggunakan format HMTL dan nanti hasil outputnya akan tetap sama.
Underline
Penulisannya bisa menggunakan tag <u></u> atau bisa juga dengan tag <ins></ins>.
Contoh :
<u>Tulisan ini bergaris bawah</u>
atau
<ins>Tulisan ini bergaris bawah</ins>
Hasilnya akan seperti ini :
Tulisan ini bergaris bawah
dan ini :
Tulisan ini bergaris bawah
sup dan sub
Penulisannya bisa menggunakan tag <sup></sup> dan juga dengan tag <sub></sub>.
Contoh :
angka 1 pangkat atas 2 : 1<sup>2</sup>
atau
angka 1 pangkat bawah 2 : 1<sub>2</sub>
Hasilnya akan seperti ini :
angka 1 pangkat atas 2 : 12
atau
angka 1 pangkat bawah 2 : 12
Berikut adalah contoh bilamana semua format text diatas digabungkan.
Tulisan **Tebal** ini *miring* sedikit dengan ~~menghapus~~ bagiang pangkat 1<sup>2</sup> dan pangkat bawah 1<sub>2</sub>
hasil outputnya akan seperti ini :
Tulisan Tebal ini miring sedikit dengan
menghapusbagiang pangkat 12 dan pangkat bawah 12
Tabel Perbandingan
Dari penjelasan diatas, berikut saya coba buatkan tabel perbandingan untuk Markdown dan HTML.
| FORMAT TEXT | MARKDOWN | HTML |
|---|---|---|
| Bold | ** atau __ | <b> atau <strong> |
| Italic | * atau _ | <i> atau <em> |
| Strike | ~~ | <s> atau <del> |
| Underline | <u> atau <ins> |
<u> atau <ins> |
| Sup & sub | <sup> atau <sub> |
<sup> atau <sub> |
Terima kasih dan semoga bermanfaat.
