Materi tentang Markdown dan HTML
📘 Belajar Markdown dan HTML
📝 Apa Itu Markdown?
Markdown adalah bahasa markup ringan yang digunakan untuk memformat teks dengan cara yang mudah dibaca dan ditulis.
Markdown banyak digunakan untuk:
- README file di GitHub
- Dokumentasi
- Blog berbasis Jekyll atau Hugo
📌 Contoh Penulisan Markdown
1. Heading
Judul H1
Subjudul H2
Sub-subjudul H3
2. Teks
Tebal
Miring
Coret
Code
3. List
- Item 1
- Item 2
- Sub-item
- Pertama
- Kedua
4. Link dan Gambar
5. Code Block
Hello World
🌐 Apa Itu HTML?
HTML (HyperText Markup Language) adalah bahasa standar untuk membuat dan menyusun halaman web.
HTML digunakan untuk:
- Struktur konten halaman web
- Menampilkan teks, gambar, link, video, dan elemen lainnya
📌 Struktur Dasar HTML
<!DOCTYPE html>
Halo Dunia
Ini paragraf pertama saya.
Kunjungi media sosial saya🧩 Elemen HTML Umum
| Tag | Fungsi |
|---|---|
<h1> - <h6> |
Heading |
<p> |
Paragraf |
<a> |
Link |
<img> |
Gambar |
<ul>, <ol>, <li> |
Daftar |
<div> |
Container umum |
<span> |
Inline container |
<br> |
Baris baru |
🤝 Markdown vs HTML
| Markdown | HTML |
|---|---|
| Lebih mudah dibaca | Lebih fleksibel dan powerful |
| Ringkas dan cepat | Cocok untuk kontrol penuh layout |
| Sering dipakai di GitHub | Digunakan di semua halaman web |
✅ Kesimpulan
- Markdown cocok untuk menulis teks dengan format sederhana seperti dokumentasi, catatan, dan blog post.
- HTML memberikan kontrol penuh atas struktur dan tampilan halaman web.
- Keduanya saling melengkapi: Markdown cepat dan simpel, HTML fleksibel dan lengkap.
- Belajar keduanya akan sangat membantu saat membuat konten web atau proyek open source.
💡 Mulailah dari Markdown, lalu perdalam HTML untuk kontrol yang lebih menyeluruh! 🚀