Postingan

Lebih Rapi dengan CSS Bootstrap

Gambar
  Day 3 – Lebih Rapi dengan CSS Bootstrap Apa itu Bootstrap? ‌Bootstrap adalah sebuah framework untuk membangun website di sisi  front-end  . framework yang disediakan oleh Bootstrap yaitu framework CSS dan Javascript. Untuk saat ini kita hanya akan pakai CSS nya saja. Keunggulan penggunaan Bootstrap di antaranya : sistem grid yang responsive  yang berarti menyesuaikan lebar layar atau viewport sehingga jika website kita dibuka dengan berbagai macam device seperti laptop, tablet dan handphone tampilannya dinamis dapat menyesuaikan agar tetap nyaman dilihat. mempunyai banyak elemen UI (User Interface)  seperti pop-up modal, tombol buttons, card dan lain-lain yang dapat dimanfaatkan untuk mempercantik tampilan web. class   yang  reusable  atau dapat kita pakai berulang kali yang artinya kita tidak usah repot membuat style di berbagai halaman, cukup panggil  class yang diinginkan untuk dapat memberikan  styling  pada element atau tag. kompatibel dengan berbagai macam browser ‌ Menginstall

Menghias HTML dengan CSS

Gambar
  Day 2 – Menghias HTML dengan CSS Cascading Style Sheet atau dikenal dengan CSS merupakan bahasa style sheet yang berguna untuk membantu menyajikan dokumen yang ditulis dengan HTML. CSS dipakai untuk mendesain halaman depan atau tampilan website ( front end ). Menggunakan CSS kita bisa mengatur warna , ukuran , posisi ,  background , dan lain lain. Sehingga ada nilai estetika yang ditambahkan dalam tampilan suatu website. Selektor , Properti dan Value  Pada CSS ada beberapa istilah biasa kita temukan diantara : selector , properti, dan value . Kita mempelajari terlabih dahulu pengertian dari ketiga istilah tersebut. Selektor  adalah metode pengelompokan syntax didalam CSS. Selector juga dapat diartikan sebagai aturan yang digunakan untuk memisahkan beberapa syntax dengan target yang berbeda. Properti  adalah suatu jenis style CSS yang berfungsi memberikan style pada selector yang telah ditentukan. Property pada CSS sangat banyak sekali. Banyak contoh properti css seperti :  background

Berkenalan dengan HTML

Gambar
  Day 1 – Berkenalan dengan HTML Apa itu HTML ? HTML merupakan singkatan dari Hyper Text Markup Language. HTML adalah sebuah bahasa standar untuk pembuatan halaman web. Dengan adanya HTML, kita dapat membedakan struktur yang tersusun dari sebuah halaman melalui tag atau elemen-elemen penyusunnya. Elemen atau tag pada HTML dikenali oleh browser seperti google chrome, firefox atau Ms Edge, dll. Browser tersebut mengidentifikasi setiap elemen penyusun HTML dan ditampilkan sesuai karakteristik elemen tersebut. Contohnya sebuah elemen paragraph akan ditampilkan sebagai tulisan panjang, atau sebuah elemen pranala/link akan dicetak dengan warna biru dan ketika mouse mendekat kursornya berubah menjadi telunjuk, dsb. Contoh sebuah halaman HTML sederhana: <!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html> Dari contoh di atas kita