- Cara menulis nomor li
- Cara membuat container selau horizontal di dekstop
- Apa itu, HTML + CSS + JavaScript
- Catatan 4
- Catatan 5
- Catatan 6
- Catatan 7
- Catatan 8
- Catatan 9
- Catatan 10
Catatan1
Cara menulis Nomor li
</p><ol style="color: white; font-family: Roboto; font-size:">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li></ol>
<ol style="color: red;">
<li>Bingkai video banyak</li>
<li>Bingkai video banyak</li>
<li>Bingkai video dari Blogger atau Computer</li>
<li>Bingkai video aspect ratio YouTube dan non-YouTube</li>
<li>Data video</li>
Catatan2
Mebuat kontainer selalu vertikal di dekstop dan seluler
.<div style="align-items: flex-start; display: flex; flex-direction: column; gap: 10px;">
<div style="display: flex; flex-wrap: nowrap; overflow-x: auto; gap: 5px;">
Horizontal di dextop vertikal di seluler
<div style="display: flex; flex-wrap: wrap; gap: 5px; justify-content: Left;">
Mebuat Spasi panjang dengan div
<div style="width: 200px; height: 1px;"></div>
Apa itu, HTML + CSS + JavaScript
🌸 1. HTML (HyperText Markup Language)
-
Ibarat tulang & kerangka dari sebuah rumah atau tubuh.
-
HTML berfungsi membuat struktur sebuah halaman web: judul, paragraf, gambar, tabel, tombol, form, dll.
-
Semua konten (teks, gambar, video) ditulis dengan HTML.
-
Contoh sederhana:
<h1>Halo Dunia</h1>
<p>Ini paragraf pertama ku.</p>
🎨 2. CSS (Cascading Style Sheets)
-
Ibarat pakaian, cat, dan dekorasi rumah.
-
CSS mengatur tampilan visual: warna, ukuran font, tata letak, jarak antar elemen, animasi.
-
Tanpa CSS, web hanya hitam putih dan polos.
-
Contoh sederhana:
⚡ 3. JavaScript (JS)
-
Ibarat nyawa dan otak.
-
Memberi interaksi dan logika: tombol bisa diklik, animasi berjalan, data bisa diproses.
-
JavaScript menjadikan web dinamis, bukan hanya gambar diam.
-
Contoh sederhana:
🌍 Hubungan Mereka
-
HTML = struktur tubuh
-
CSS = wajah & pakaian
-
JavaScript = pikiran & gerakan
Kalau dipadukan:
Catatan 4
Catatan 5
Catatan 6
Catatan 7
Catatan 8
Catatan 9
Catatan 10