Apa itu HTML ? Sejarah, Fungsi dan Contoh Program HTML.

 

Pengertian HTML

HTML (Hyper Text Markup Language) adalah bahasa pemrograman atau bahasa markup yang digunakan untuk pembuatan website. Dengan HTML, kita bisa membuat website sederhana maupun website kompleks sesuai  dengan kebutuhan kita.

 

Dari  singkatan Hyper Text Markup Language itu sendiri, kita bisa mengetahui arti dari HTML. Hyper Text adalah suatu metode yang digunakan untuk berpindah laman web ke laman yang lain dengan meng-klik suatu tulisan atau simbol pada laman website.

 

Istilah Markup pada html sendiri diartikan sebagai suatu hal yang dilakukan tag html terhadap teks yang berada didalamnya, misal jika mengetik suatu teks dengan tanda tag <b> . maka penulisannya dilakukan dengan cara : <b> Tulisan Tebal <b> dan akan menampilkan Tulisan Tebal .

 

Sementara language dalam html adalah bahasa pemrograman atau script yang disusun dari tag-tag tertentu yang nantinya akan diterjemahkan kedalam teks atau visual yang dapat dilihat pada website.

 

Sejarah HTML

Pada tahun 1990, Tim Berners-Lee, dan juga seorang kontraktor di CERN (Organisasi Eropa untuk Riset Nuklir) mengusulkan dan menyusun ENQUIRE, sebuah sistem untuk ilmuwan CERN dalam membagi dokumen.

 

Sembilan tahun kemudian, Berners-Lee mengusulkan adanya sistem markah berbasis internet. Dan pertama kalinya pada tahun 1991 sebuah dokumen dengan nama “Tanda HTML”,  disebutkan di Internet oleh Tim Berners-Lee.

 

Tanda ini menggambarkan 18 elemen awal mula, versi sederhana dari HTML, yang masih ada didalam HTML4.

Sejarah Versi HTML:

  • HTML 2.0 dipublikasikan pada tanggal 24 November 1995 sebagai IETF
    ·         HTML 3.2 dipublikasikan pada tanggal 14 Januari 1976 sebagai Konsorium World Wide Web
    ·         HTML 4.0 dipublikasikan pada tanggal 18 Desember 1997 sebagai W3C Recommendation
    ·         HTML 4.01 dipublikasikan pada tanggal 05 Mei 2000, yang distandarkan dengan ISO HTML
    ·         HTML 5 (stabil) dipublikasikan pada tanggal 28 Oktober 2014, dan menjadi standard HTML tertinggi saat ini

Didalam HTML 5 terbaru, banyak perubahan yang terjadi dari versi sebelumnya. Fitur baru yang sudah diterapkan antara lain: penanganan eror lebih banyak, Scripting diganti dengan lebih banyak markup, HTML5 menjadi device-dependent, proses pengembangnya bisa dilihat oleh public.

Dan fitur elemen HTML5 baru yang lain:

  • Elemen <canvas> untuk menggambar 2D.
    ·         Elemen <video> dan <audio> untuk memutar multimedia.
    ·         Elemen seperti <article>, <header>, <nav>, <section>, <footer>.
    ·         Kontrol di dalam Form seperti:  tanggal, kalender, nomor, email.

 

  Membuat halaman web.

  Menampilkan berbagai informasi di dalam sebuah browser Internet.

  Membuat link menuju halaman web lain dengan kode tertentu (hypertext).

 

Struktur Dasar HTML

<!DOCTYPE html>

<html>

<head>

<title>Judul Website</title>

</head>

<body>

<b>Tulisan Tebal</b>

</body>

</html>

 

  1. Tag <!DOCTYPE html> adalah pendeklarasian bahwa tipe dokumen adalah HTML.
  2. Tag <html> yaitu pendeklarasian bahwa kode tersebut adalah kode HTML. Tag ini wajib ditutup dengang tag penutupnya </html>
  3. Tag <head> yaitu kode bagian atas atau kepala dari halaman HTML, di dalam tag <head> bisa di tambahkan tag lainnya, contohnya <link> untuk menghubungkan file HTML dan file CSS.
  4. Tag <title> yaitu tag yang berfungsi untuk memberi judul halaman HTML di tab browser.
  5. Tag <body> adalah bagian untuk menampilkan konten/isi pada website. Semua konten ada di dalam tag ini.

 

Dengan HTML kita bisa membuat website sederhana, tetapi tanpa CSS halaman website akan terlihat sangat sederhana, jadi HTML adalah sebagai wadah atau struktur dari sebuah halaman website.

 

Cara Menuliskan Kode HTML

  1. Buka Text Editor seperti Notepad ++, Sublime Text dll, dan ketik kode diatas
  2. Simpan dengan format .html (index.html).
  3. Buka file yang sudah di save tadi menggunakan Browser.
  4. Jika benar akan menghasilkan tampilan di Browser seperti ini.

 

Leave a Reply

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