https://www.irpanchumaedi.com/tag/markdown/markdownWowchemy (https://wowchemy.com)en-usFri, 09 Apr 2021 00:00:00 +0000https://www.irpanchumaedi.com/images/icon_huc8b49dbecede763dad003ee9bbdb929f_244914_512x512_fill_lanczos_center_2.pnghttps://www.irpanchumaedi.com/tag/markdown/https://www.irpanchumaedi.com/post/kenalan-dengan-markdown/Fri, 09 Apr 2021 00:00:00 +0000https://www.irpanchumaedi.com/post/kenalan-dengan-markdown/ <script src="https://www.irpanchumaedi.com/post/kenalan-dengan-markdown/index.en_files/header-attrs/header-attrs.js"></script> <div id="a-little-background.." class="section level2"> <h2>A little Background..</h2> <p>Teks biasa atau <em>plain text</em> merupakan hal yang penting dalam dunia komunikasi, baik di dunia nyata maupun di dunia komputer. Apa yang ingin disampaikan harus tertulis dengan <strong>jelas</strong>. Kenapa? agar bisa dimengerti.</p> <p>Coba lihat diantara tulisan ini, mana yang lebih mudah dipahami?</p> <p><img src="contoh_tulisan.png" width="898" /></p> <p>Gambar diatas merupakan screenshot <a href="https://id.quora.com/Mengapa-tulisan-dokter-jelek-saat-menulis-resep">jawaban Quora</a> yang saya ambil. Yang kiri merupakan tulisan aslinya dan yang kanan setelah ditulis ulang. Jauh banget kan perbedaannya.</p> </div> <div id="apa-itu-markdown" class="section level2"> <h2>Apa itu markdown?</h2> <p>Secara teknis markdown adalah sintaks ringan untuk merubah teks biasa menjadi teks yang berformat.</p> </div> <div id="contoh-penggunaan-markdown" class="section level2"> <h2>Contoh penggunaan markdown</h2> <p>Sintaksnya sederhana. Saya coba tabelkan beberapa penggunaannya seperti ini:</p> <table> <colgroup> <col width="26%" /> <col width="36%" /> <col width="36%" /> </colgroup> <thead> <tr class="header"> <th align="left">Penggunaan</th> <th>Sintaks</th> <th>Hasil</th> </tr> </thead> <tbody> <tr class="odd"> <td align="left">Heading 1 dan seterusnya</td> <td><p><code># Heading 1</code></p> <p><code>## Heading 2</code></p> <p><code>### Heading 3</code></p></td> <td><h1 id="heading-1">Heading 1</h1> <h2 id="heading-2">Heading 2</h2> <h3 id="heading-3">Heading 3</h3></td> </tr> <tr class="even"> <td align="left">Menulis tebal (bold)</td> <td><code>**tulisan tebal**</code></td> <td><strong>tulisan tebal</strong></td> </tr> <tr class="odd"> <td align="left">Menulis miring (italic)</td> <td><code>*tulisan miring*</code></td> <td><em>tulisan miring</em></td> </tr> <tr class="even"> <td align="left">Menulis coret (strikethrough)</td> <td><code>~~tulisan coret~~</code></td> <td><del>tulisan coret</del></td> </tr> <tr class="odd"> <td align="left">Link ke url</td> <td><code>[website ini keren!](irpanchumaedi.com</code>)</td> <td><a href="irpanchumaedi.com">website ini keren!</a></td> </tr> </tbody> </table> </div> <div id="referensi" class="section level2"> <h2>Referensi</h2> <p><a href="https://en.wikipedia.org/wiki/Markdown">Markdown - Wikipedia</a></p> </div>