IT
Pernah nggak sih kepikiran, gimana caranya sebuah website bisa tampil keren dan enak dipakai? Nah, di balik layar pembuatan web itu, ada tiga pemeran utama yang wajib banget kamu ketahui, yaitu HTML, CSS, dan JavaScript.
HTML
HTML/HyperText Markup Language: Fungsinya adalah dasar untuk menyusun isi website, seperti nulis judul, paragraf, masukin gambar dan bikin sebuah tombol.
CSS
CSS/Cascading Style Sheets: CSS digunakan untuk mendekorasi tampilan website agar terlihat rapih dan mempercantik.
Javascript
JS/JavaScript: Kalau HTML itu kerangkanya dan CSS itu tampilannya, JS adalah fungsinya seperti tombol yang bisa diklik buat munculin animasi, menu yang bisa kebuka sendiri, atau sistem yang ngecek isi formulir secara otomatis. Intinya, biar website nggak cuma diam doang, tapi bisa diajak interaksi/keliatan hidup.
Nah sekarang aku mau menjelaskan Headings dan Ordered lists, kalau di halaman sebelumnya aku sudah menjelaskan HTML, CSS dan JS, kalian penasaran ga sii langkah dasar untuk membuat website itu apalagi?? and yupp let’s goo membaca apa itu Heading and ordered lists.
Heading
Headings di HTML itu tag khusus (<h1> sampai <h6>) yang dipakai buat bikin teks jadi berukuran judul. Dari yang paling besar (<h1>) buat judul utama web, sampai yang paling kecil (<h6>) buat teks penjelas terbawah.
<h1> Judul Makalah</h1>
<h2>Bab 1: Pendahuluan</h2>
<h3>A. Latar Belakang Masalah</h3>
Lists
Kalau di HTML, buat bikin daftar atau rincian (lists) itu gampang banget. Fungsinya ya mirip kaya kita bikin to-do list atau daftar belanjaan di catatan HP—biar tulisan yang banyak nggak numpuk jadi satu paragraf panjang, tapi tersusun rapi ke bawah.
Di HTML, jenis daftar ini dibagi jadi dua jenis utama, plus satu elemen pendukungnya:
1. Unordered List (<ul>) — Daftar Ber-bullet (Titik)
Apa itu Unordered List? : Ini dipakai buat bikin daftar yang urutannya nggak penting atau bebas, nggak harus berurutan dari angka 1 sampai 10.
Tampilan: Biasanya di depan setiap poinnya bakal muncul titik hitam kecil (bullet).
Contoh (Analogi Daftar Belanjaan):
- Sabun mandi
- Shampo
- Pasta gigi
2. Ordered List (<ol>) — Daftar Berangka (Nomor)
Apa itu Ordered List? : Ini dipakai untuk bikin daftar yang urutannya penting dan berurutan, misalnya langkah-langkah atau tahapan.
Tampilan: Otomatis pakai angka (1, 2, 3) atau huruf (a, b, c) dari atas ke bawah.
Contoh (Analogi Cara Masak Mie Instan):
- Rebus air sampai mendidih.
- Masukkan mie dan bumbu.
- Aduk rata lalu sajikan.
3. List Item (<li>) — Isi atau Butir Daftarnya
Apa itu List Item? : Ini adalah tag kuncinya (<li>) yang dipakai buat nulis setiap satu poin item di dalam <ul> maupun <ol>.
Contoh kodenya:<li>Mochi Dubai Matcha</li>
Contoh kodenya:<li>Mochi Dubai Matcha</li>
Gampangnya, kalau mau bikin daftar acak pakai,kalau mau bikin daftar berurutan (pakai nomor) pakai , dan isi teks di dalamnya dibungkus pakai .