Beranda>Terkait pemrograman>Kode sumber lainnya
Unduh

MarkitDownguide

Panduan Komprehensif untuk Menguasai Markdown. Terbuka untuk kontribusi dan pembaruan. Berkontribusi, belajar, dan berbagi. Mari kita buat dokumentasi yang indah bersama!

Tutorial Bahasa Markdown

1. Judul

Kode Markdown: 

 '# Heading 1
## Heading 2
### Heading 3
#### Heading 4
##### Heading 5
###### Heading 6 '

Keluaran:

Menuju 1

Menuju 2

Menuju 3

Menuju 4

Menuju 5
Menuju 6

2. Bold

Kode Markdown: 

 `**Bold Text**'

Output: Teks tebal

3. Italic

Kode Markdown: 


`*Italic Text*`

Output: Teks miring

4. Bold dan miring

Kode Markdown: 


`***Bold and Italic Text***`

Output: teks tebal dan miring

5. Teks Strikethrough

Kode Markdown: 


`~~Strikethrough Text~~`

Keluaran: Teks Strikethrough

6. Daftar item yang tidak dipesan

Kode Markdown: 


`- Item 1
- Item 2
 - Subitem 2.1
 - Subitem 2.2`

Keluaran:

  • Item 1
  • Item 2
    • Subitem 2.1
    • Subitem 2.2

7. Daftar item yang dipesan

Kode Markdown: 


`1. First Item
2. Second Item
3. Third Item`

Keluaran:

  1. Item pertama
  2. Item kedua
  3. Item ketiga

8. Daftar tugas kotak centang

Kode Markdown: 


`- [x] Completed Task
- [ ] Incomplete Task`

Keluaran:

  • Tugas selesai
  • Tugas yang tidak lengkap

9. Teks BlockQuote

Kode Markdown: 


`> Blockquote Text`

Keluaran:

Teks BlockQuote

10. Tautan

Kode Markdown: 


`[Google](https://www.google.com)`

Output: Google

11. Gambar

Kode Markdown: 


`![Alt Text](https://via.placeholder.com/150)`

Keluaran:

12. Menghubungkan gambar

Kode Markdown: 


`[![Alt Text](https://via.placeholder.com/150)](https://www.google.com)`

Keluaran:

13. Emoji

Kode Markdown: 


`:smile:`

Output : ?

14. Garis horizontal

Kode Markdown: 


`---`

Keluaran:

15. Kode

Kode Markdown: 


`` `Inline Code` ``

Output: Inline Code

16. Blok Kode

Kode Markdown: ` 

 Another Line of Code 

**Output:**


`Code Block
Another Line of Code` 

### 17. Table

**Markdown Code:**



| Header 1 | Header 2 |
|----------|----------|
| Cell 1   | Cell 2   |
| Cell 3   | Cell 4   |` 

**Output:**

| Header 1 | Header 2 |
|----------|----------|
| Cell 1   | Cell 2   |
| Cell 3   | Cell 4   |` 

### 18. Table With Alignments

**Markdown Code:**



| Left Align | Center Align | Right Align |
|:-----------|:------------:|------------:|
| Cell 1     | Cell 2       | Cell 3      |


**Output:**

| Left Align | Center Align | Right Align |
|:-----------|:------------:|------------:|
| Cell 1     |    Cell 2    |      Cell 3 |


### 19. HTML

**Markdown Code:**


`<b>Bold Text using HTML</b>` 

**Output:** <b>Bold Text using HTML</b>

### 20. Embed YouTube Video

**HTML Code:**

<iframe width="560" height="315" src="https://www.youtube.com/embed/VIDEO_ID" frameborder="0" allowfullscreen></iframe> `` `

21. Ekspresi matematika

Kode Markdown: 


`$$ E = mc^2 $$`

Output: $$ e = mc^2 $$

22. Dropdown (menggunakan HTML)

Kode HTML: 


`<details>
  <summary>Title</summary>
  Content here...
</details>`

Keluaran:

Judul Konten di sini ...

23. Diagram

Markdown sendiri tidak mendukung diagram. Anda akan membutuhkan alat atau ekstensi pihak ketiga untuk ini. Namun, beberapa platform dan alat memiliki layanan terintegrasi seperti putri duyung atau plantuml untuk memungkinkan rendering diagram dalam penurunan harga. Berikut contoh menggunakan sintaks putri duyung:

mermaid graph TD; A-->B; A-->C; B-->D; C-->D;

(Catatan: Render aktual diagram akan tergantung pada dukungan platform untuk putri duyung atau alat diagram lainnya.)

Untuk platform yang tidak mendukung putri duyung atau alat serupa, Anda mungkin perlu menghasilkan diagram secara eksternal, menyimpannya sebagai gambar, dan kemudian menanamkan gambar dalam dokumen penurunan harga Anda.

24. Catatan Kaki

Kode Markdown: 


`Here's a statement[^1].

[^1]: This is the footnote.`

Output: Ini pernyataan1 (tentang kami bong.dev - bersatu, pelajari dan kode).

25. Komentar

Kode Markdown: 


`[//]: # (This is a comment.)`

Output: [//]: # (ini adalah komentar.)

26. Blockquotes bersarang

Anda dapat bersarang blokquotes dengan menambahkan karakter tambahan > .

Kode Markdown: 


`> First Level
>> Second Level
>>> Third Level`

Keluaran:

Level pertama

Tingkat kedua

Level ketiga

27. HTML inline

Anda dapat menggunakan tag HTML inline apa pun dengan penurunan harga Anda.

Kode Markdown: 


`This is <span style="color:red">red</span> text.`

Output: Ini adalah teks merah .

28. Karakter melarikan diri

Jika Anda ingin menampilkan karakter yang memiliki makna khusus dalam penurunan harga, Anda dapat menghindarinya dengan backslash ( ).

Kode Markdown: 


`*This is not italic*`

Output: Ini tidak miring

29. Tautan referensi

Anda dapat mendefinisikan tautan dan kemudian merujuknya di tempat lain dalam dokumen Anda untuk penurunan harga yang lebih bersih.

Kode Markdown: 


`[Google][1]
[GitHub][2]

Output: Google GitHub

30. Gambar Referensi

Sama seperti tautan referensi, tetapi untuk gambar.

Kode Markdown: 


`![Alt Text][image1]

[image1]: https://via.placeholder.com/150`

Keluaran:

31. Singkatan

Tentukan singkatan yang akan menunjukkan penjelasan ketika melayang.

Kode Markdown (membutuhkan parser penurunan harga spesifik seperti Markdown Extra): 


`The HTML specification is maintained by the W3C.

*[HTML]: Hyper Text Markup Language
*[W3C]: World Wide Web Consortium`

Output: Spesifikasi HTML dipertahankan oleh W3C.

*[Html]: Hyper Text Markup Language *[W3C]: World Wide Web Consortium

32. Daftar Definisi

Buat daftar istilah dengan definisi yang sesuai.

Kode Markdown (membutuhkan parser penurunan harga spesifik seperti Markdown Extra): 


`Apple
:   A fruit that is red or green.

Orange
:   A juicy citrus fruit.`

Output: Apple: Buah yang merah atau hijau. Orange: Buah jeruk berair.

33. Garis istirahat

Untuk membuat jeda garis, akhiri garis dengan dua ruang atau lebih, lalu ketik pengembalian.

Kode Markdown: 


`This is the first line.  
This is the second line.`

Output: Ini adalah baris pertama.
Ini adalah baris kedua.

34. Dropdown (menggunakan HTML)

Markdown sendiri tidak secara langsung mendukung dropdown, tetapi Anda dapat menggunakan HTML dalam penurunan harga Anda untuk mencapai ini. 

 <details> <summary>Click to expand!</summary>

Content inside the dropdown.

</details>
Klik untuk memperluas!

Konten di dalam dropdown.

35. Daftar defininasi:

Kode Markdown 

 Term 1
: Give defination for first term.

Term 2
: Give definition for second term.

Output :

Istilah 1: Berikan definasi untuk istilah pertama.

Istilah 2: Berikan definisi untuk istilah kedua.

36. Markdown yang ditekan:

Kode Markdown

*This won't be* **parsed as** [Markdown]. : * Ini tidak akan * diuraikan sebagai [Markdown].

37. SuperScript dan Subscript (menggunakan HTML):

H<sub>2</sub>0 is a chemical formula. : H 2 0 adalah formula kimia.

X<sup>2</sup> is an exponent. : X 2 adalah eksponen.

38. Sintaksis Sintaks:

Ikuti sintaks yang disebutkan dalam Kode Markdown :

Python

def syntax_highlight ():

cetak ("kode yang disorot") 

 def syntax_highlighting ():
    print ( "Highlighted code" )

39. Catatan kaki inline:

Kode Markdown 

 Here's some text with a footnote about what I love very much[^1].

[^1]: This is the footnote that says I love Music.

Ini beberapa teks dengan catatan kaki tentang apa yang sangat saya sukai 1 .

40. Blockquotes With Citation:

Kode Markdown 

 > This is a blockquote.
> -- Alpha Mango.

Ini adalah blockquote. - Alpha Mangga.

41. Daftar bersarang dengan jenis peluru yang berbeda:

Kode Markdown 

 - Item 1
  - Subitem 1
    - Subsubitem 1
- Item 2
  • Item 1
    • Subitem 1
      • Subsubitem 1
  • Item 2

42 Persamaan matematika inline dengan lateks:

Kode Markdown 

 This is an inline math equation(identity): $e^{ipi} + 1 = 0$

Ini adalah persamaan matematika inline (identitas): $ e^{i pi} + 1 = 0 $

43. Daftar Tugas:

Kode Markdown: 

 - [x] Task 1
- [ ] Task 2
  • Tugas 1 = Completed
  • Tugas 2 = Pending

44. Daftar yang dipesan dengan nomor mulai khusus:

Kode Markdown 

 10. Item 1
20. Item 2
30. Item 3
  1. Item 1
  2. Item 2
  3. Item 3

45. Tabel dengan Struktur Kompleks:

Kode Markdown 

 | Student       | Subject         | Grade |
| ------------- | --------------- | ----- |
| Alice         | Math            | A     |
|               | Physics         | B     |
|               | Chemistry       | A     |
| ------------- | --------------- | ----- |
| Bob           | Math            | B     |
|               | Physics         | A     |
|               | Chemistry       | B     |
|               | Biology         | C     |
| ------------- | --------------- | ----- |
| Carol         | Math            | A     |
|               | Physics         | A     |
|               | Chemistry       | A     |
| ------------- | --------------- | ----- |
| David         | Math            | C     |
|               | Physics         | B     |
|               | Chemistry       | B     |
| ------------- | --------------- | ----- |
Murid Subjek Nilai
Alice Matematika A
Fisika B
Kimia A
------------- --------------- -----
Bob Matematika B
Fisika A
Kimia B
Biologi C
------------- --------------- -----
Carol Matematika A
Fisika A
Kimia A
------------- --------------- -----
David Matematika C
Fisika B
Kimia B
------------- --------------- -----

Kami juga dapat menggunakan daftar bersarang juga 

 | Student       | Subjects                                            | Grades       |
| ------------- | --------------------------------------------------- | ------------ |
| Alice         | - Math<br>   - Algebra<br>   - Geometry             | A<br>   B<br>   A |
| Bob           | - Math<br>   - Physics<br>   - Chemistry<br>   - Biology | B<br>   A<br>   B<br>   C |
| Carol         | - Math<br>   - Physics<br>   - Chemistry           | A<br>   A<br>   A |
| David         | - Math<br>   - Physics<br>   - Chemistry           | C<br>   B<br>   B |
Murid Subjek Nilai
Alice - Matematika
- Aljabar
- Geometri		 A
B
A
Bob - Matematika
- Fisika
- Kimia
- Biologi		 B
A
B
C
Carol - Matematika
- Fisika
- Kimia		 A
A
A
David - Matematika
- Fisika
- Kimia		 C
B
B

46. ​​Kompleks selanjutnya: 

 - Item 1
  - Subitem A
    1. Numbered Sub-subitem
    2. Another Numbered Sub-subitem
  - Subitem B
- Item 2
  • Item 1
    • Subitem a
      1. Sub-subitem bernomor
      2. Sub-subitem nomor lainnya
    • Subitem b
  • Item 2

47. Menggabungkan penekanan dan tautan:

Kode Markdown 

 My favourite book currently is **[An Introduction to *Statistical Learning*](https://www.statlearning.com/)**.

Buku favorit saya saat ini adalah pengantar pembelajaran statistik .

48. Kode inline bersarang:

Kode Markdown 

 This is an example of `inline code with` nested `backticks`.

Ini adalah contoh inline code with backticks bersarang.

49. Daftar definisi dengan daftar bersarang:

Kode Markdown 

 Term 1
: Definition 1
  - Sub-definition 1
  - Sub-definition 2

Term 2
: Definition 2
  - Sub-definition 3

Istilah 1: Definisi 1

  • Sub-definisi 1
  • Sub-definisi 2

Istilah 2: Definisi 2

  • Sub-definisi 3

50. Menggabungkan Daftar dan Tabel:

Kode Markdown 

 - Item 1
  | Header 1 | Header 2 |
  | -------- | -------- |
  | Cell 1   | Cell 2   |
- Item 2
  • Item 1
    Header 1 Header 2
    Sel 1 Sel 2
  • Item 2

Catatan kaki

  1. Ini adalah catatan kaki yang mengatakan saya suka musik. ↩

Memperluas
Informasi Tambahan
Aplikasi Terkait
Direkomendasikan untuk Anda
Informasi Terkait Semua