Landing page sederhana sebenarnya cukup satu file HTML dan stylesheet external, asal strukturnya jelas: hero section, benefit bullet, dan CTA. Berikut template minimal yang bisa langsung diedit dan di-hosting di static host mana pun.
Langkah-Langkah Membuat Landing Page
1. Buat file HTML baru dengan nama `index.html` dan tambahkan kode<html><head><title>Landing Page</title></head><body></body></html>. 2. Tambahkan struktur dasar landing page dengan menambahkan kode <header><nav>Menu</nav></header><main>Isi Landing Page</main><footer>Footer</footer> di dalam tag <body>. 3. Buat file CSS baru dengan nama `style.css` dan tambahkan kode body { background-color: #f2f2f2; }</code> untuk mengubah warna latar belakang. 4. Hubungkan file CSS dengan file HTML dengan menambahkan kode <link rel='stylesheet' href='style.css'> di dalam tag <head>. Tips: Pastikan file HTML dan CSS berada di folder yang sama. Dengan mengikuti langkah-langkah di atas, kamu bisa membuat landing page sederhana dengan HTML dan CSS. Tinggalkan komentar dibawah jika ada pertanyaan.
Komentar
Posting Komentar