HTML (HyperText Markup Language) adalah bahasa markah yang menjadi dasar dari hampir semua halaman web yang Anda temui saat menjelajahi internet. Dalam tutorial ini, kita akan menjelaskan Pengenalan HTML yang meliputi sejarah HTML, struktur dasar sebuah halaman HTML, dan langkah-langkah awal dalam membuat halaman web sederhana.
Pengenalan HTML
Sejarah HTML
HTML pertama kali diperkenalkan oleh Tim Berners-Lee pada tahun 1990 sebagai bagian dari proyek WorldWideWeb di CERN (European Organization for Nuclear Research). HTML awalnya digunakan untuk membangun struktur dasar dokumen yang dapat dihubungkan melalui tautan. Seiring berjalannya waktu, HTML mengalami evolusi yang signifikan dengan penambahan elemen-elemen baru dan versi-versi yang lebih baru.
Untuk memahami lebih dalam tentang HTML, mari kita menjelajahi sejarahnya yang kaya dan menarik.
Awal Mula HTML
Pada tahun 1980-an, Tim Berners-Lee, seorang ilmuwan komputer di CERN (European Organization for Nuclear Research), merasa perlunya alat untuk berbagi informasi antara peneliti. Pada tahun 1990, Tim Berners-Lee dan Robert Cailliau memperkenalkan konsep pertama dari World Wide Web (WWW). Dalam upaya ini, Tim Berners-Lee menciptakan HTML sebagai cara untuk membentuk dokumen teks dengan tautan yang memungkinkan pengguna untuk menjelajahi informasi dengan cara yang lebih terstruktur.
HTML 1.0
Pada tahun 1993, Tim Berners-Lee dan CERN merilis HTML versi 1.0 sebagai spesifikasi resmi pertama. Versi ini memperkenalkan elemen-elemen dasar seperti judul, tautan, daftar, dan paragraf. Meskipun sederhana, HTML 1.0 membuka pintu bagi masa depan web yang lebih interaktif.
HTML 2.0
HTML 2.0, dirilis pada tahun 1995, memperkenalkan fitur-fitur baru seperti formulir input dan citasi. Meskipun masih dalam tahap perkembangan, web semakin menjadi alat komunikasi dan pertukaran informasi yang penting.
HTML 3.2
Tahun 1997 menyaksikan kelahiran HTML 3.2, yang membawa perubahan signifikan dalam tampilan halaman web. Ini adalah langkah penting menuju desain yang lebih kompleks, termasuk tabel dan gambar. Namun, tampilan web masih sangat sederhana dibandingkan dengan standar saat ini.
HTML 4.0 dan 4.01
HTML 4.0, yang dirilis pada tahun 1997, membawa kontrol yang lebih lanjut dalam tampilan halaman web melalui CSS (Cascading Style Sheets). Ini memungkinkan pengembang untuk memisahkan struktur dan tampilan, menghasilkan desain yang lebih fleksibel dan teratur. HTML 4.01, versi terakhir dari HTML 4, dirilis pada tahun 1999 dengan beberapa perbaikan dan perubahan kecil.
Perkembangan HTML: Menuju Standar Baru
Perkembangan HTML terhenti sejenak setelah HTML 4.01. Namun, pada tahun 2000, Tim Berners-Lee dan World Wide Web Consortium (W3C) memulai usaha untuk merumuskan HTML baru yang lebih kuat dan lebih kaya fitur. Hasilnya adalah HTML5, yang tidak hanya membawa elemen dan atribut baru, tetapi juga memungkinkan pengembang untuk menciptakan konten multimedia dan aplikasi web yang lebih kompleks.
HTML5 Era Modern Web
Dirilis pertama kali pada tahun 2014, HTML5 telah menjadi standar utama dalam pembangunan web modern. Dengan fitur-fitur seperti video dan audio bawaan, elemen semantik, formulir canggih, dan canvas untuk grafis interaktif, HTML5 menggambarkan perubahan besar dalam cara kita berinteraksi dengan konten online.
Struktur Dasar Halaman HTML
Setiap halaman web memiliki struktur dasar yang harus diikuti agar dapat ditampilkan dengan benar oleh browser. Berikut adalah struktur dasar sebuah halaman HTML:
1 2 3 4 5 6 7 8 9 10 | <!DOCTYPE html> <html> <head> <title>Judul Halaman</title> </head> <body> <h1>Judul Utama</h1> <p>Ini adalah paragraf teks.</p> </body> </html> |
Keterangan dari script di atas sebagai berikut:
<!DOCTYPE html>: Mendefinisikan tipe dokumen sebagai HTML5.<html>: Elemen utama yang mengelilingi seluruh konten HTML.<head>: Bagian yang berisi informasi meta dan tautan ke file eksternal (seperti CSS atau JavaScript).<title>: Menentukan judul halaman yang akan ditampilkan di tab browser.<body>: Area konten yang akan ditampilkan kepada pengunjung.<h1>: Elemen judul utama (heading) dalam halaman.<p>: Elemen paragraf teks.
Cara Membuat Halaman Web Sederhana
Mari kita buat sebuah halaman web sederhana dengan judul “Selamat Datang di Dunia HTML” dan beberapa teks pengantar:
- Buatlah folder baru untuk proyek Anda dan beri nama misalnya “TutorialHTML”.
- Buatlah file baru dengan nama “latihan_html_001.html” di dalam folder tersebut.
- Buka file “latihan_html_001.html” menggunakan editor teks favorit Anda.
Kemudian, isi file “latihan_html_001.html” dengan kode berikut:
1 2 3 4 5 6 7 8 9 10 11 | <!DOCTYPE html> <html> <head> <title>Selamat Datang di Dunia HTML</title> </head> <body> <h1>Selamat Datang di Dunia HTML</h1> <p>Ini adalah halaman web pertama Anda yang dibuat dengan HTML.</p> <p>Selamat belajar dan eksplorasi lebih lanjut tentang HTML!</p> </body> </html> |
Setelah menyimpan perubahan, Anda dapat membuka file “latihan_html_001.html” dengan browser Anda untuk melihat halaman web sederhana yang telah Anda buat.
Dengan langkah-langkah di atas, Anda telah berhasil membuat halaman web pertama Anda menggunakan HTML. Ini adalah langkah awal yang menyenangkan dalam perjalanan Anda dalam memahami dan menguasai bahasa markah yang kuat ini. Selanjutnya, Anda dapat melanjutkan ke tutorial-tutorial berikutnya untuk mempelajari lebih banyak tentang elemen dan konsep dalam HTML. Selamat belajar!
Tutorial lengkap html dapat anda lihat pada Index Tutorial HTML: Tingkat Dasar Hingga Tingkat Lanjut.
