Membuat tampilan form login dengan HTML dan CSS

         Selamat siang sobat, berjumpa lagi dengan saya si ADMIN blog dunia it kita, semoga sobat sekalian memahami isi dari postingan kali ini. Dan kali ini ane akan memberikan postingan ang insya allah bermanfaat bagi pemula-pemula yang ingin belajar sedikit mengenai css,

      CSS digunakan untuk mempercantik tampilan dari suatu website, kali ini ane akan memberikan turotial membuat tampilan login atau form login yang sedikit lebih menarik karena di berikan suatu bantuan dari css.

      Berikut tampilan login yang akan kita buat pada kesempatan hari ini sobat :

form login

 Nah minimal kita harus bisa membuat tampilan seperti yang ada diatas sobat, ok langsung aja kita mulai tutorialnya ,ikuti dengan baik ya sobat,,bismilah dulu biar kita tenang !.

     Yang pertama buatlah sebuah folder dengan nama terserah anda ,,, contoh latih_login, nah setelah itu buka text editor anda , kalau saya memakai adobe dreamweafer cs5, kalau saya sarankan anda juga memakai text editor ini juga , karena aplikasi ini menarik jika kita mengetikkan sedikit kita akan tau bantuan codernya dengan cara menekan pada keyboard anda ctrl+space.

     Jika anda sudah membuka text editor anda, maka buatlah file baru dengan nama index.html, caranya tekan ctrl+n atau new, save ajja di folder anda tadi,,oh ya gan ingat save atau simpan folder anda tadi di folder xampp didalam folder htdocts nanti kita membuatnya juga pakai xampp ya jangan lupa dinyalakan .

    Ok di file index.html tadi silahkan ketikkan codingnya seperti dibawah ini. dibawah ini saya share dengan screenshoot saja agar sobat praktik bukannya copas dari koding saya,,,

  Setelah koding dalam index.html sudah jadi maka langsung ajja kita buat file css-nya, file CSS-nya saya buat dengan nama index.css, lalu save didalam folder yang sama namun buat folder lagi dengan nama css, nah masukkan file css tadi didalam folder css. ini adalah kodingnya,

 Nah silahkan sobat ketik dengan benar ya ,,

Berikut adalah kode yang penting berguna untuk memanggil file css tadi 

Nah itu adalah membuat tampilan sebuah form login dengan bantuan css, sehingga menjadi lebih menarik sobat,
semoga artikel ini bermanfaat untuk anda , dan anda bisa belajar dengn yang namanya css, langung ajja ini adalah alamatnya w3scholl, langsung aja anda ketikkan di mesin pencarian, nanti pasti mbah google faham.

sekian dari saya sobat semoga bermanfaat untuk anda pemula, 

   salam sejahtera ,

wassalamu'alaikum wr. wb