Rangka dari sebuah website





Halo Dunia!!!

Pada tulisan kali ini saya akan membahas mengenai hal yang sering kita gunakan sehari-hari yaitu website. Sama halnya dengan hal-hal kompleks lainnya website juga memiliki kerangka yang menyagga bentuk dan tampilanya. Tanpa adanya kerangka itu website akan memiliki tampilan yang jelek atau bahkan hanya menampilkan warna putih. Lalu apakah kerangka website tersebut?


Oke mari kita bahas!


Ada 3 hal penting yang menyangga website agar memiliki tampilan yang baik ketika dilihat. Ketiga hal tersebut adalah HTML, CSS, dan JavaScript. Masing-masing hal tersebut memiliki peranya sendiri dalam mempercantik website yang pertama berperan sebagai kerangka yaitu HTML,  yang kedua berperan sebagai kulit yaitu CSS dan yang terakhir berperan sebagai saraf yaitu JavaScrip.

Akan tetapi kita tidak akan membahas krtiganya sekaligus disini. Kita hanya akan mengambil salah satu dari mereka yaitu HTML (HyperText Markup Language). Kita akan bahas apa saja fungsi dari HTML ini dan bagaimana cara untuk menggunakannya.


Pengenalan HTML

HTML sendiri bukanlah bahasa pemrograman melainkan hnaya bahasa markup. Perannya dalam pembuatan website seperti yang telah kita bahas diatas HTML memiliki peran sebagai kerangka dalam pembentukan web. yang berarti HTML ini bagian paling dasar untuk membuat website tanpa adanya HTML kedua hal lainya tidak akan bisa mengatur tampilan website.

Baik fungsi real dari HTML ini adalah menambahkan logo pada bagian atas tab, membagi halaman menjadi beberapa bagian, membuat kotak, membuat table, membuat paragraf dan masih banyak lagi.

Untuk cara penulisannya HTML memiliki ciri tersendiri yaitu dengan adanya tag pembuka dan penutup. Huruf yang digunakanpun bebas kalian dapat menuliskannya dengan huruf kecil mau pun besar karna itu tidak terlalu berpengaruh. untuk contohnya  seperti.


<html></html>

<p></p>


Sruktur HTML

Struktur ini dimulai dengan tag "html" lalu didalamnya ada tag "head" dan "body". Didalam tag "head" kita dapat mencantumkan pembuat website, tipe karakter dan tautan untuk menyambungkan HTML ke CSS dan JavaScript. Sedangkan dalam tag "body" kita dapat menyantumkan hal-hal yang dapat membangun website seperti, judul, paragraf, pembagian segment, tabel, foto dan masih banyak lagi.

untuk contohnya sebagai berikut





Tampilan HTML 

Jika kita menampilkan HTML saja sebagai sebuah website maka yang akan kita dapatkan hanya berupa huruf dan garis hitan saja, hal itu dikarnakan fungsi untuk mempercantik website terdapat pada CSS. Mari kita contohkan dengan menampilkah HTML sederhana.

Kita akan mencobanya dengan menampilkan HTML sederhana 




Tampilan Websitenya adalah seperti

    



Penutup

Begitulah gambaran secara singkat tentang HTML jika kalian penasaran dan ingin belajar lebih lanjut kalian bisa kunjungi situs w3schools.com disana kalian dapat mempelajari banyak bahasa pemrograman termasuk HTML, CSS, dan JavaScript. Atau kalian bisa juga mengunjungi youtube pak sandika galih sandika galih yang membahas lengkap tentang pembuatan website.

Posting Komentar

Lebih baru Lebih lama