lifelong learner — urip iku urup, currently working on accenture.

Mengenal HTML 5 dan CSS 3 untuk pemula

0
Degananda.com -

Screen Shot 2018-08-04 at 23.55.57

Salah dua komponen yang menyusun website adalah HTML 5 dan CSS 3. Kita dapat ibaratkan website adalah rumah , maka HTML (Hypertext markup langauge) adalah penyusun bangunan tersebut yang terdiri dari bagian pondasi, dinding ataupun atap. Sedangkan CSS (Cassading style sheet) adalah aturan serta konsep yang dibuat untuk warna dan desain dari rumah tersebut.

HTML 5 dan CSS 3 saling bersinergi untuk membuat tampilan website menjadi indah dan terstruktur.

Saat ini versi terahir dari HTML adalah versi 5 sedangkan untuk CSS adalah versi 3. Pada dunia pemrograman web modern saat ini, mengetahui mengenai konsep fundamental terkait HTMl dan CSS adalah sesuatu yang sangat penting. Jika anda belum menggunakan HTML 5 dan CSS 3 maka inilah waktu yang tepat untuk mempelajarinnya karena pada saat ini tahun 2018, hampir seluruh browser yang terinstall pada tahun 2018 telah mendukung HTML 5 dan CSS 3 kecuali perangkat yang digunakan terinstall browser versi jadul tetapi sangat jarang sekali.

Selayang Pandang Mengenai HTML 5

Apa itu HTML 5

Hal pertama yang perlu diketahui mengenai HTML yakni HTML bukanlah bahasa pemrograman. Banyak yang mengira HTML adalah bahasa pemrograman, tentunnya hal ini adalah kesalahfahaman. HTML suatu markup atau dapat diartikan sebagai sebuah aturan tertulis yang mendeskripsikan konten dan data yang akan ditampilan kepada pengunjung melalui protokol HTTP.

HTML 5 memiliki fitur yang lebih lengkap jika dibandingkan dengan versi sebelumnya. Pengembangan HTML 5 juga beriringan dengan peningkatkan kemampuan javascript yang tertanam dibrowser. Contohnya saat ini dengan teknologi progressive web apps javascript dapat mengakses kamera smartphone secara langsung. Terimakasih terhadap HTML 5 dan Javascript!

Standar HTML 5 untuk berbagai perangkat

Pengembangan HTML 5 tidak dilakukan secara radikal artinnya masih terdapat syntax – syntax dari HTML versi 4 dan XML versi 1.0. Sehingga tidak perlu khawatir mengenai learning curve yang tinggi untuk mempelajari HTML 5. Jika kita telah mahir dengan HTML versi 4 Maka tidak akan membutuhkan waktu yang lama untuk memahami HTML 5. HTML 5 telah menjadi standar aturan yang digunakan oleh berbagai jenis dan versi browser yang ada di internet sehingga kita tidak perlu khawatir karena semua devices telah memiliki standart untuk menampilkan website pada layar devices tersebut.

Jika anda tertarik mempelajari lebih dalam mengenai standar HTML 5 ini dapat merujuk langsung pada aturan resmi yang dibuat oleh W3 yang ditulis di W3C Design Principles Page.

Hubungan CSS 3 dan HTML 5

Screen Shot 2018-08-05 at 00.03.46.png

CSS 3 adalah aturan yang menggambarkan desain, tata letak, jarak, ataupun ukuran dari komponen-komponen yang ada pada HTML 5. Namun perlu di ingat bahwa CSS 3 bukanlah bagian dari komponen HTML 5. Kedua hal tersebut adalah sesuatu yang berbeda. Sama halnya dengan javascript bukanlah bagian dari HTML 5 tetapi, javascript adalah komponen yang berinteraksi dengan HTML 5 dan CSS.

Ibarat sebuah rumah seperti yang telah kami jelaskan pada awal artikel ini maka :

  1. HTML di ibaratkan sebagai pondasi, dinding, atap, banguna, pintu, jendela dan lain seabgainnya
  2. CSS di ibaratkan sebagai konsep desain rumah tersebut yang mengatur mengenai tema rumah misalkan minimal, modern ataupun bergaya eropa dan juga mengatur mengenai warna dari rumah tersebut. Selain warna dan konsep, CSS juga mengatur tata letak dari masing-masing komponen bangunan. Misalkan dimana pintu tersebut diletakan agar sesuai dengan estetika atau kita menyebutnya sebagai UI/UX (User interface dan user experience).
  3. Javascript(JS) sebagai konsep implementasi bagaimana bangunan tersebut dapat berinteaksi dengan orang yang mengunjungi rumah tersebut. Sebagai contoh rumah yang memiliki pagar maka dengan javascript kita dapat mengatur jika pemilik rumah hendak memasuki pagar dengan hanya menekan tombol tertentu , maka pagar rumah itu dapat terbuka

Kesimpulan

HTML 5 adalah markup syntax yang telah terstandar diberbagai browser dan telah mengalami pengembangan yang sangat pesat. Kemampuan-kemampuan HTML 5 ini harus dapat dimanfaatkan oleh web developer untuk meningkatkan kualitas dari website yang dideliver terhadap user.