Membuat Website Sederhana Menggunakan HTML dan CSS

Pendahuluan

Navigation Bar:
- Memiliki link untuk "About", "Kontak", dan "Follow".
- Menggunakan elemen <nav> dan <ul> dengan <li> untuk daftar.
Card:
- Menampilkan foto dan informasi.
Footer:
- Menyediakan informasi copyright.

Persiapan:
- Siapkan folder untuk menyimpan file.
- Siapkan gambar yang dibutuhkan.
Membuat File HTML:
- Buat file index.html dan masukkan struktur HTML dasar.
- Contoh Struktur: <!DOCTYPE html> <html> <head> <title>Website Pertama</title> </head> <body> <header> <h1>Logo</h1> <nav> <ul> <li><a href="#about">About</a></li> <li><a href="#contact">Kontak</a></li> </ul> </nav> </header> </body> </html>
Membuat File CSS:
- Buat file style.css untuk styling.
- Contoh styling untuk header: header { background-color: #333; color: #fff; }
Menambahkan Gambar dan Icon:
- Gunakan tag <img> untuk menampilkan gambar.
- Atur ukuran gambar menggunakan CSS.
Membuat Konten:
- Tambahkan konten ke dalam div dengan kelas yang sesuai.

Gunakan media queries untuk mengatur tampilan di perangkat mobile.
Contoh Media Query: @media (max-width: 600px) { header { flex-direction: column; } }

Website sederhana dapat dibuat dalam waktu 2 jam dengan mengikuti langkah-langkah sebelumnya.
Semua orang, termasuk yang non-IT, dapat membuat website dengan panduan ini.