Doc HTMLy tipografi
Tipografi alias gaya tulisan dengan bahasa markdown itu sebenarnya sederhana.
Kelewat sederhana malahan.
Kita seolah sedang menulis di notepad, kemudian dialihbahasakan secara otomatis oleh sistem menjadi HTML.
Contohnya kalau ada tanda pagar ##, sistem akan menganggapnya menjadi tag <h2>.
Nah, berikut beberapa contoh tipografi HTMLy dengan bahasa markdown yang cukup sering digunakan.
1. Heading
Heading 1
# Heading 1
Heading 2
## Heading 2
Heading 3
### Heading 3
Heading 4
#### Heading 4
Walah, kita cukup nambahin pagar alias # buat bikin heading.
Kalau pagar 1 itu heading 1
Kalau pagar 2 itu heading 2
Dan seterusnya...
2. Tulisan tebal
Tulisan tebal
**Tulisan tebal**
Tinggal ditambah tanda bintang sebanyak 2 kali.
3. Tulisan miring
Tulisan miring
*Tulisan miring*
Kalau miring, tanda bintangnya cukup 1 kali.
4. Tulisan tebal dan miring
Tulisan tebal + miring
***Tulisan tebal + miring***
Ini tadi saya iseng coba kasih tanda bintang 3 kali. Eh, beneran jadi miring+tebal, bajingaaan... Kok bagus ya ini.
Sayangnya, saya belum menemukan markdown untuk tulisan garis bawah atau underline. Nanti akan saya update kalau sudah ketemu.
Kita mungkin bisa pakai garis bawah ini untuk sementara.
Kita mungkin bisa pakai <ins>garis bawah ini</ins> untuk sementara.
5. Coretan stabilo
Coreran stabilo
<mark>Coretan stabilo</mark>
6. Kode sebaris
Tanda kode sebaris
`Tanda kode sebaris`
Bisa juga pakai ini:
<code>Tanda kode sebaris</code>
Kode sebaris bisa dimasukkan ke dalam paragraf. Misalnya kode ini.
Kode sebaris bisa dimasukkan ke dalam paragraf. Misalnya `kode ini`.
7. Kode banyak baris
Tanda kode berbaris-baris
Tanda kode berbaris-baris
Tanda kode berbaris-baris
```
Tanda kode berbaris-baris
Tanda kode berbaris-baris
Tanda kode berbaris-baris
```
8. Blockquote
Blockquote kutipan
>Blockquote kutipan
Blockquote dengan heading 2
- listing
- listing
Paragraf biasa
Tebal atau miring
> ## Blockquote dengan heading
>
> - listing
> - listing
>
> Paragraf biasa
> **Tebal** atau *miring*
Note: untuk memisahkan baris tanpa tag <br>, cukup pakai spasi ganda (2x spasi).
9. Link
Link ke website mengetik
Link ke website [mengetik](https://mengetik.com/)
10. Tabel
| Jenis | Karakteristik |
|---|---|
| Ikan | suka makan |
| Manusia | suka nyawit |
|Jenis|Karakteristik |
|--|--|
| Ikan | suka makan |
| Manusia | suka nyawit |
Beberapa markdown butuh sentuhan tambahan 🤔
Banyak orang yang bisa menulis tanpa makan, tetapi tidak tanpa kopi.
☕ Traktir kopi