CONTOH RESPONSIVE WEB DESIGN-CSS DAN HTML

CONTOH RESPONSIVE WEB DESIGN-CSS DAN HTML

Halo sobat daily! kali ini aku mau kasih contoh membuat responsive menggunakan CSS dan HTML.   

Ini adalah hasil akhirnya.

Nah untuk membuat blog di atas, yang harus dilakukan pertama kali adalah menulis scriptnya terlebih dahulu. Seperti gambar berikut:

Simpan script tersebut di htdoc dengan membuat folder baru. Di sini aku buat nama foldernya “responsive”, lalu save file-nya di folder tersebut. Nama file nya harus bertanda .css  Contoh: namafile.css

Setelah membuat script css, kita membuat index nya. Seperti contoh berikut:

Simpan script di folder yang sama dengan file css tadi, namun nama file index ini harus bertanda .html contoh: index.html  

Jangan lupa mengaktifkan apache di Xampp Control Panel kamu ya, lalu untuk mengecek hasilnya seperti biasa pergi ke web lalu ketikkan localhost dan nama folder yang kalian buat tadi.  

Sekian catatan pemrograman CSS dari Catatan Kita, selamat mencoba!