Tutorial Markdown di Jupyter Notebook

Judul

Judul dimulai dengan '#', yaitu simbol pagar diikuti spasi. Terdapat enam tingkat judul, dengan judul terbesar hanya menggunakan satu simbol pagar dan judul terkecil menggunakan enam simbol pagar.

# (Header 1, judul)

## (Header 2, judul utama)

### (Header 3, subjudul)

#### (Header 4)

##### (Header 5)

###### (Header 6)``

Alternatifnya, judul dapat dimulai dengan Tag Markup, yaitu dari h1 hingga h6 dengan sintaks berikut.

<h1>Header 1,judul<h1>
<h2>Header 2,judul utama<h2>
<h3>Header 3,subjudul<h3>
<h4>Header 4<h4>
<h5>Header 5<h5>
<h6>Header 6<h6>

Kedua sintaks di atas dapat merender judul dari h1 hingga h6 setelah mengeklik 'Run' di toolbar.

Kutipan Blok

Kutipan blok dapat menampung potongan teks besar dan umumnya menjorok ke dalam. Dapat dibuat menggunakan simbol Markdown '>' atau dengan <blockquote>teks untuk blockquote</blockquote>

• >Ini bagus
• <blockquote>Ini bagus</blockquote>

Kedua sintaks di atas dapat merender teks dalam bentuk menjorok setelah mengeklik 'Run' di toolbar.

Bagian Kode

Bagian Kode adalah bagian yang menuliskan kode dari berbagai bahasa pemrograman dan dapat dirender. Kode inline dimulai dengan tanda backtick ' `kode inline di sini` ' mengelilinginya, sedangkan blok kode dimulai dengan tiga backtick ' ``` blok kode di sini ``` '. Selain itu, tag Markup untuk bagian Kode adalah ' <code>kode di sini<code> '.

Contoh kode inline diberikan di bawah ini:
`x =5`

Anda dapat melihat setelah mengeklik "Run" kode inline dirender dengan penyorotan kode.

Contoh bagian kode diberikan di bawah ini:

• Menggunakan Markdown
```Python

str = "This is block level code"

print(str)

```
• Menggunakan Tag Markup
<code>Python

str = "This is a block level code"

print(str)

</code>

Dengan Markdown, Anda dapat memperoleh penyorotan sintaks kode jika nama bahasa pemrograman disebutkan setelah tiga backtick '```', contohnya seperti di bawah ini:

Menggunakan Markdown, Anda tidak akan mendapatkan penyorotan sintaks, tetapi kode tetap disorot:

Simbol Matematika

Simbol matematika dalam Markdown ditulis di dalam '\$ ekspresi matematika di sini \$' yang diapit oleh simbol dolar, dan untuk Markup Anda dapat mengikuti tautan ini untuk detail lebih lanjut: Mathematical Operators. Anda dapat melihat contoh penggunaan simbol matematika di bawah.

\$\sqrt{k}$

Contoh di atas akan merender ekspresi matematika dalam format tebal.

Pemutus Baris

Tag pemutus baris dimulai dengan tag <br> tanpa tag penutup yang memutus baris, dan konten berikutnya dimulai di baris baru seperti pada contoh di bawah.

The line breaks after using <br> br tags and it is awesome.

Setelah mengeklik 'Run' di toolbar, Anda dapat melihat pemutusan baris setelah menggunakan tag <br>. Teks berikutnya dimulai pada baris baru.

Teks Tebal dan Miring

Anda dapat menggunakan tag <b>, '**' yaitu 'bintang ganda' atau '__' yaitu 'garis bawah ganda' untuk mendapatkan teks tebal dengan sintaks berikut.

• <b>Ini adalah teks tebal </b>

• ** Ini adalah teks tebal

• __ Ini adalah teks tebal

Semua sintaks di atas dapat merender teks tebal setelah mengeklik 'Run' di toolbar.

Anda dapat menggunakan tag <i>, '*' yaitu satu bintang atau '_' yaitu satu garis bawah untuk mendapatkan teks miring dengan sintaks berikut.

• <i>Ini adalah teks miring </i>

• * Ini adalah teks miring

• _ Ini adalah teks miring

Semua sintaks di atas dapat merender teks miring setelah mengeklik 'Run' di toolbar.

Garis Mendatar

Anda dapat membuat garis mendatar menggunakan Markdown '---' tiga tanda hubung atau tag Markup <hr>

Kedua sintaks di atas akan merender garis mendatar dari ujung ke ujung setelah mengeklik "Run".

Daftar Bernomor

Daftar Bernomor adalah daftar dengan angka yang dibuat dengan memulai tag <ol> dan diakhiri dengan tag </ol> dengan item yang diperlukan diapit oleh tag <li> dan </li>. Tag 'ol' adalah singkatan dari ordered list dan 'li' adalah singkatan dari list item. Sebagai contoh, Anda dapat melihat Daftar Bernomor di bawah yang berisi item untuk daftar belanja.

<ol>
<li>Ikan</li>
<li>Telur</li>
<li>Keju</li>
</ol>

Alternatifnya, Anda dapat membuat daftar dengan '1. ' yaitu angka yang diperlukan diikuti spasi seperti pada contoh di bawah.

1. Ikan
2. Telur
3. Keju

Kedua sintaks di atas dapat merender daftar bernomor setelah mengeklik 'Run' di toolbar.

Daftar Tak Bernomor

Daftar Tak Bernomor adalah daftar berpoin yang dibuat menggunakan tag <ul> dan diakhiri dengan tag </ul>, lihat contoh di bawah:

<ul>
<li>Ikan</li>
<li>Telur</li>
<li>Keju</li>
</ul>

Alternatifnya, Daftar Tak Bernomor dapat dimulai dengan simbol '-' diikuti spasi, yang menghasilkan simbol lingkaran hitam, dan juga dapat dimulai dengan simbol '*' diikuti spasi, yang menghasilkan simbol persegi hitam.

-   Ikan
-   Telur
-   Keju

Contoh di atas menunjukkan daftar berpoin yang berisi simbol '-' diikuti spasi dengan item yang menghasilkan simbol lingkaran hitam.

Kedua sintaks di atas dapat merender hasil yang sama di mana item dalam daftar muncul sebagai lingkaran hitam, setelah mengeklik 'Run' di toolbar.

Tautan Internal dan Eksternal

Tautan Internal dalam Markdown dimulai dengan tag <a> dengan id unik yang didefinisikan oleh atribut 'id' yang dapat ditautkan dalam notebook seperti pada contoh di bawah:

<a id = "division_ID"text goes here></a>

Selain itu, id yang didefinisikan di atas dapat ditautkan ke bagian notebook dengan kode berikut yang membuat tautan dapat diklik.

[Judul bagian](#division_ID)

Contoh di atas dapat dilihat di bawah di mana id yang ditentukan ditautkan dengan bagian dan tautan dapat diklik diperoleh setelah mengeklik "Run" di toolbar.

Tautan Eksternal dalam Markdown dimulai dengan tag <a> dan diakhiri dengan tag <a>, yaitu <a> merupakan anchor yang mendefinisikan tautan, dan memiliki atribut 'href' yang juga disebut hyper reference yang berisi alamat tujuan tautan atau URL dan teks di antara tag terlihat dan dapat diklik untuk membuka alamat tujuan seperti ditunjukkan di bawah.

<a> href="https://www.google.com" >Tautan ke Google</a>

Alternatifnya, bisa juga dimulai dengan __[tautan teks](URL untuk situs)__ di mana garis bawah ganda berada di kedua sisi dengan tautan teks diapit dalam tanda kurung siku dan URL untuk situs diapit dalam tanda kurung biasa diikuti URL.

Tautan ke Google

Kedua sintaks di atas dapat merender hasil yang sama di bawah ini di mana teks yang dapat diklik dan bergaris bawah dapat mengarah ke halaman baru setelah mengeklik 'Run' di toolbar.

Tabel

Tabel memuat informasi dalam baris dan kolom dan dibuat dengan kombinasi '|' yaitu 'pipa vertikal' untuk memisahkan setiap kolom dan '-' yaitu tanda hubung untuk membuat header, dengan baris kosong yaitu kombinasi pipa vertikal dan garis untuk merender format tabel.

Anda juga dapat menyesuaikan sel dengan menyelaraskan secara kasar dengan kolom, dan notebook akan menyesuaikan ukuran konten di sel yang diberikan secara otomatis.

|Name|Address|Salary| |-----|-------|------| |Hanna|Brisbane|4000| |Adam|Sydney|5000|

Alternatifnya, Markdown dapat digunakan untuk membuat tabel di mana < table > digunakan untuk mendefinisikan tabel dengan lebar dalam persentase. <tr> menetapkan baris tabel yang memberikan teks tebal dan rata tengah bersama dengan judul tabel yang dijelaskan oleh <th> di bagian atas tabel, dengan entri lain dalam tabel ditetapkan oleh <td> yaitu tag data tabel.

<table style="width:20%">
<tr>
<th><Name></th>
<th><Address></th>
<th><Salary></th>
</tr>

<tr>
<td><Hanna></td>
<td><Brisbane></td>
<td><4000></td>
</tr>

<tr>
<td><Adam></td>
<td><Sydney></td>
<td><5000></td>
</tr>
</table>

Kedua sintaks di atas dapat merender hasil yang sama setelah mengeklik 'Run' di toolbar.

Gambar

Anda dapat menyisipkan gambar dari toolbar dengan memilih 'Insert Image' dari menu Edit dan menelusuri gambar yang diperlukan seperti di bawah ini.

Gambar dapat memuat tag Markdown <img> dengan source, yaitu src sebagai atribut yang berisi tautan ke gambar dengan properti opsional seperti lebar dan tinggi, dan contohnya adalah sebagai berikut.

<img> <src="https://i.imgur.com/WWrydEh.png" width ="500" height=500 >

Kedua proses di atas dapat merender gambar yang sama setelah mengeklik 'Run' di toolbar.

Kesimpulan

Dalam tutorial ini, Anda telah mempelajari berbagai tag Markup yang didefinisikan oleh bahasa Markup dan juga sintaks terkait sel Markdown yang spesifik untuk Jupyter Notebook yang digunakan berdampingan dengan kode untuk menjelaskan konten secara lebih efektif.

Jika Anda ingin mempelajari lebih lanjut tentang Markdown, lihat Markdown Guide.