Panduan Membuat Website Statis Sederhana dengan HTML dan CSS

Website statis adalah jenis website sederhana yang tidak memiliki interaksi dinamis seperti database atau server-side processing. Biasanya, website ini digunakan untuk portofolio, landing page, atau blog pribadi. Dalam artikel ini, kita akan belajar cara membuat website statis menggunakan HTML dan CSS, bahkan jika kamu baru memulai di dunia web development.

Apa yang Dibutuhkan?

Sebelum memulai, pastikan kamu memiliki:

1. Editor Teks: Gunakan editor seperti Visual Studio Code (VS Code), Sublime Text, atau Notepad++.
2. Browser: Chrome, Firefox, atau browser lain untuk melihat hasilnya.
3. Folder Proyek: Siapkan folder khusus untuk menyimpan file proyek kita.

Langkah 1: Membuat Struktur Proyek

Buat folder bernama my-website di komputermu. Di dalamnya, buat dua file berikut:

1. index.html: Untuk struktur website.
2. style.css: Untuk mengatur tampilan website.

Struktur folder akan terlihat seperti ini:
/my-website
  |-- index.html
  |-- style.css

Langkah 2: Membuat File HTML

HTML adalah kerangka utama dari sebuah website. Mari kita buat file index.html dengan isi sebagai berikut:

   
    Website Sederhana
           

Selamat Datang di Website Saya

           

• Home
• 
             
• Tentang
• 
             
• Kontak
         Konten Utama

         Website ini dibuat menggunakan HTML dan CSS. Sangat mudah dan menyenangkan!
         2024 Website Sederhana