HTML adalah bahasa standar untuk membuat sebuah website. Cara mudah menghias dokumen .html bisa menggunakan CSS atau JavaScript.
Hyper Text Markup Language atau HTML adalah bahasa standar untuk membuat sebuah website. HTML menjelaskan elemen - elemen apa saja kepada browser untuk seperti apa menampilkan sebuah halaman web, contohnya seperti "<h> (ini adalah heading) ", "<p> (ini adalah paragraf) ", dan sebagainya. Untuk membuat sebuah file HTML kita memerlukan sebuah text editor, pada Windows kita memiliki Notepad dan TextEdit pada Mac. Selanjutnya buka Text Editor dan tulis seperti ini :
Gambar diatas menunjukkan struktur sederhana dari sebuah dokumen yang memiliki berbagai elemen, elemen <title> merupakan judul dari web page, <h1> merupakan heading, dan <p> merupakan paragraf. Setelah membuat dokumen seperti diatas, simpan dokumen dengan format All Files dan beri nama dokumen dengan akhiran ".html". Jika anda buka file tersebut menggunakan browser, hasilnya akan seperti ini :
Jika anda lihat dari gambar hasil diatas, dokumen tersebut sangatlah polos dan kurang menarik untuk sebuah web page, oleh karena itu kita membutuhkan cara untuk menghias dokumen html menjadi menarik, cara yang dapat digunakan untuk menghiasnya adalah dengan menggunakan CSS, Javascript, dan Kombinasi dari keduanya.
Menghias sebuah laman web sangat penting, selain bertujuan memuaskan diri sendiri, menghias laman web juga berguna agar website anda dapat diakses dengan mudah serta dapat membuat pengunjung website anda 'betah' ketika mengakses. Oleh karena itu dibawah ini merupakan dua cara kombinasi menghias laman web anda menggunakan CSS dan Javascript.
Cascading Style Sheet atau CSS adalah sebuah bahasa untuk memberikan style pada dokumen html, jadi CSS menjelaskan bagaimana sebuah elemen pada dokumen html ditampilkan. CSS juga dapat digunakan untuk berbagai macam web page, caranya kita harus menghubungkan file CSS tersebut dengan file html kita, berikut contohnya :
Pada gambar di atas terdapat lingkaran hitam yang artinya kita langsung menggunakan css pada dokumen .html dengan cara membuat elemen <style> diatas elemen <head>, hal tersebut bertujuan untuk agar seluruh isi dokumen dapat berubah sesuai isi dari elemen <style>, sedangkan untuk kotak hitam artinya kita menghubungkan langsung file CSS dengan file .html dengan cara membuat link dengan tujuan file .css.
Cara kedua untuk menghias adalah menggunakan javascript, kita dapat menggunakan keduanya (CSS dan Javascript) secara bersamaan. Javascript adalah bahasa pemrograman yang memiliki basic funtion, pada sebuah website javascript biasa digunakan untuk memberitahu bagaimana sebuah elemen pada file .html berkerja, biasanya jika laman web memiliki elemen yang bergerak, tombol yang dapat ditekan, ataupun warna tulisan yang berubah jika dilewati mouse bisa jadi laman web tersebut menggunakan Javascript. Penggunaan javascript pada dokumen .html dapat dilihat pada gambar berikut.
Pada gambar di atas penggunaan Javascript pada dokumen .html ditandai dengan elemen <script> dan diakhiri dengan </script>, fungsi diatas bertujuan agar pengguna dapat mengakses data dengan mudah pada sebuah website contohnya klik, hover, dll. Penggunaan dua cara yang tadi disebutkan dapat dilakukan dengan menambahkan elemen <style> di dalam elemen <head> dan membuat elemen <script> di akhir dokumen.
Selain 2 hal diatas, kita juga harus memperhatikan banyak aspek dalam menghias sebuah web page salah satunya keseimbangan yang dibagi menjadi keseimbangan simetris dan asimetris. Keseimbangan perlu diperhatikan karena akan membuat website-mu lebih menarik dan lebih nyaman untuk diakses.
Ready to transform your business?
Consult with Us!
