Sejarah Lengkap HTML

-

 



1. Awal Mula (1989-1991)

  • Tim Berners-Lee: Pada tahun 1989, Tim Berners-Lee, seorang ilmuwan komputer asal Inggris, mengembangkan konsep World Wide Web di CERN (European Organization for Nuclear Research). Ia mengusulkan sistem untuk menghubungkan informasi melalui hyperlink.

  • HTML Pertama: Pada tahun 1991, Berners-Lee merilis dokumen pertama yang menggunakan HTML. Versi awal ini hanya memiliki sekitar 18 elemen dasar dan berfungsi untuk membuat dokumen teks dengan tautan ke dokumen lain.

2. HTML 2.0 (1995)

  • Pengembangan Standar: HTML 2.0 dirilis oleh Internet Engineering Task Force (IETF) dan merupakan standar pertama untuk HTML. Versi ini memperkenalkan elemen-elemen penting seperti formulir dan tabel, serta memberikan panduan tentang cara menulis dokumen HTML yang valid.

3. HTML 3.2 (1997)

  • W3C dan HTML 3.2: World Wide Web Consortium (W3C) didirikan untuk mengatur pengembangan web. HTML 3.2, dirilis pada tahun 1997, menambahkan dukungan untuk elemen multimedia, seperti applets Java dan konten grafis, serta memperkenalkan elemen baru seperti tabel dan skrip.

4. HTML 4.0 (1997)

  • Spesifikasi yang Lebih Kuat: HTML 4.0 dirilis pada akhir tahun 1997. Versi ini menekankan pemisahan konten dari presentasi, memperkenalkan dua varian: HTML 4.0 Strict (tanpa elemen presentasi) dan HTML 4.0 Transitional (yang masih mendukung elemen presentasi). HTML 4.0 juga memperkenalkan dukungan untuk multimedia, frames, dan pengkodean internasional.

5. XHTML 1.0 (2000)

  • Pergeseran ke XML: XHTML 1.0 diperkenalkan sebagai versi HTML yang sesuai dengan standar XML. Ini membawa lebih banyak ketelitian dalam penulisan kode, mengharuskan semua elemen untuk ditutup dan atribut untuk diapit oleh tanda kutip. XHTML ditujukan untuk menjaga kompatibilitas dengan HTML sekaligus memperbaiki kekurangan dalam struktur dokumen.

6. HTML5 (2014)

  • Revolusi Web Modern: HTML5 adalah versi terbaru yang dirilis pada tahun 2014, setelah pengembangan yang panjang. HTML5 membawa banyak fitur baru yang memungkinkan pengembangan aplikasi web yang lebih kompleks dan interaktif. Fitur utama termasuk:
    • Elemen baru seperti <article>, <section>, <nav>, dan <footer>.
    • Dukungan untuk audio dan video tanpa perlu plugin.
    • API untuk canvas, penyimpanan lokal, dan pengambilan data asinkron (AJAX).

7. Pengembangan Berkelanjutan (2014-sekarang)

  • HTML Living Standard: Setelah HTML5, W3C memutuskan untuk mengadopsi model pengembangan berkelanjutan, yang dikenal sebagai "HTML Living Standard". Ini berarti bahwa HTML terus diperbarui dan ditingkatkan secara reguler, dengan penambahan fitur dan perbaikan bug.

8. Tren Saat Ini dan Masa Depan

  • Aksesibilitas dan Responsivitas: Fokus pada aksesibilitas (a11y) dan desain responsif menjadi sangat penting dalam pengembangan HTML dan CSS. Standar baru dan praktik terbaik terus muncul untuk memastikan web dapat diakses oleh semua orang.

  • Integrasi dengan Teknologi Baru: HTML terus beradaptasi dengan teknologi baru, seperti Progressive Web Apps (PWA) dan WebAssembly, untuk memberikan pengalaman pengguna yang lebih baik dan lebih interaktif.

Comments

Post a Comment

Popular posts from this blog

Belajar HTML #01: Pengenalan Dasar HTML untuk Pemula

-
Image
Kenalan Dulu Nih Dengan HTML      HTML adalah bahasa yang sangat penting untuk dipelajari bagi siapa saja yang ingin menjadi web developer Mengapa demikian? Karena HTML adalah fondasi utama dalam pembuatan halaman web. Pasti kamu sudah pernah mendengar tentang HTML sebelumnya, tetapi tidak ada salahnya untuk menyegarkan ingatanmu dengan membaca artikel ini. Dalam tutorial ini, kita akan membahas semuanya dari awal hingga kamu mampu membuat halaman HTML-mu sendiri. Jadi, siap untuk memulai petualangan ini? Ayo kita mulai! Apa Itu HTML? HTML, atau HyperText Markup Language,   adalah bahasa markah yang digunakan untuk membuat halaman web . Masih bingung?  Mari saya jelaskan dengan cara yang lebih sederhana.. HTML adalah bahasa yang menggunakan penanda, yang kita sebut " tag ," untuk merancang halaman web. Tag ini membantu kita menentukan bagaimana konten akan ditampilkan dan disusun di dalam sebuah situs web Jika kita ibaratkan, HTML itu seperti batu bata yang digu...
Read more

Belajar HTML #03: Membuat paragraf dalam HTML

-
Image
  Hai teman-teman! Setelah kita belajar tentang dasar-dasar HTML, seperti apa itu tag, elemen, dan atribut, sekarang saatnya untuk melangkah lebih jauh. Kali ini, kita akan mengenal beberapa elemen dasar HTML yang sering digunakan saat membuat website. Yuk, kita mulai dengan elemen paragraf. Apa sih elemen paragraf itu? Mari kita bahas bersama! Membuat Paragraf di HTML Halo, teman-teman! Mari kita ngobrol tentang paragraf. Apa sih paragraf itu? Sederhananya, paragraf adalah kumpulan beberapa kalimat yang kita satukan untuk menyampaikan informasi. Dalam dunia web, kita biasanya menggunakan paragraf untuk menampilkan teks atau artikel yang ingin kita bagi. Di HTML, kita bisa membuat paragraf dengan menggunakan tag <p>. Ini sangat mudah! Tapi tunggu dulu, ada juga beberapa tag pendukung yang bisa membantu kita, seperti <div> untuk mengelompokkan konten, <hr...
Read more

Belajar CSS Dasar : Mengenal CSS #01

-
Image
Apa Itu CSS? Hai, sudah siap belajar CSS? Nah, sebelum kita mulai ngoding, yuk kenalan dulu dengan CSS! Jadi, CSS (Cascading Style Sheets) adalah bahasa yang digunakan untuk mengatur tampilan dan gaya halaman web. Ibaratnya, HTML itu struktur tulang-tulangnya, dan CSS adalah baju yang bikin tampilan web kita jadi cantik dan menarik. Dengan CSS, kamu bisa mengubah warna, ukuran teks, tata letak, dan bahkan membuat animasi di halaman web. Seru, kan? Cara Menyertakan CSS: Inline, Internal, dan Eksternal Sekarang, kita masuk ke cara bagaimana CSS ini "menempel" ke halaman HTML. Ada tiga cara, yaitu inline, internal, dan eksternal. Yuk, kita bahas satu-satu biar paham. 1. Inline CSS Cara ini menulis kode CSS langsung di dalam elemen HTML. Biasanya dipakai kalau kita hanya ingin menambahkan gaya ke satu elemen saja. Cara ini praktis tapi tidak efisien kalau elemen yang ingin kita gaya lebih dari satu. Contoh code ditandai kotak hijau : ...
Read more