Pengertian HTML beserta fungsi dan cara kerjanya


HTML (Hypertext Markup Language) merupakan bahasa standar untuk menyusun sebuah halaman website. Jika teman-teman melihat sebuah website, berarti kalian sedang melihat sekumpulan baris-baris HTML ini.

Sejarah

HTML diciptakan oleh Tim Berners-Lee dari lembaga penelitian CERN yang berada di Swiss pada tahun 1991 untuk versi pertamanya. HTML ini memiliki struktur yang tersusun dari tag dan attribute untuk menjadikannya satu kesatuan halaman website. Misalkan ingin membuat sebuah paragraf menggunakan tag pembuka paragraf <p> dan diakhiri dengan tag penutup paragraf </p>.

<p>Perkenalan HTML</p>

HTML dikembangkan kembali oleh W3C (World Wide Web Consortium) yang saat itu terdapat 140 tag HTML termasuk tag paragraf diatas. Pada tahun 2014, HTML5 muncul sebagai upgrade dari pendahulunya dengan beberapa tag baru misalkan seperti <header> dan <footer>

Cara kerja HTML

File HTML berekstensi .html atau .htm. File HTML ini bisa dibuka dengan menggunakan browser seperti Google Chrome, Mozilla dll. Browser-browser tersebut akan menampilkan tag-tag HTML dalam bentuk yang sudah diubah dalam bentuk tampilan. Jadi yang teman-teman lihat saat menggunakan browser bukan tag HTML lagi tetapi hasil dari render tag tersebut agar mudah dibaca. Berikut contoh sederhana dalam membuat file HTML

<html>
  <head>
    <title>Belajar HTML</title>
  </head>
  <body>
    Mari Belajar Membuat Website
  </body>
  <footer>
    Footer
  </footer>
</html>

Buat file index.html lalu tulis code HTML di atas kedalam file index.html dengan cara klik kanan file index.html lalu open with dan pilih text editor yang kalian punya. Apa bila sudah ditulis code HTMLnya, Lalu buka file index.html tersebut dengan browser Google Chrome, Mozilla, dll atau bisa dengan double klik file index.html. Tampilan saat dibuka di browser akan seperti ini:

Itu lah tadi penjelasan singkat tentang HTML beserta fungsi dan cara membuatnya. Terima kasih sudah mampir.

Leave a Reply

Your email address will not be published. Required fields are marked *