Skip to main content

Pengenalan HTML

HTML (HyperText Markup Language) adalah bahasa markup yang digunakan untuk membuat dan menyusun halaman web. HTML menyediakan struktur dasar dari sebuah halaman web dengan menggunakan elemen-elemen seperti teks, gambar, link, dan lainnya. Setiap elemen di dalam HTML diidentifikasi menggunakan tag yang menandai awal dan akhir dari elemen tersebut.

Sejarah HTML​

HTML pertama kali dikembangkan oleh Tim Berners-Lee pada akhir 1980-an untuk memudahkan berbagi informasi di web. Versi resmi pertama, HTML 1.0, dirilis pada 1993, dan HTML terus berkembang melalui HTML 2.0 (1995), HTML 3.2 (1997), dan HTML 4.01 (1999), yang memperkenalkan dukungan untuk CSS. HTML5, dirilis pada 2014, membawa fitur modern seperti dukungan video/audio, elemen semantik, dan API untuk aplikasi web interaktif. Kini, pengembangan HTML bersifat berkelanjutan, menjadikannya pondasi web modern dengan peningkatan yang terus menerus.

Kenapa Belajar HTML?​

Belajar HTML penting karena HTML adalah dasar dari semua halaman web, memungkinkan kita membuat dan menyusun konten secara efisien. Dengan menguasai HTML, kita dapat membangun situs web dari awal, memahami struktur dokumen, dan mengoptimalkan tampilan konten di berbagai perangkat. HTML juga menjadi fondasi untuk mempelajari teknologi web lainnya seperti CSS dan JavaScript, sehingga membantu mengembangkan keterampilan dalam desain web dan pengembangan aplikasi web yang interaktif dan responsif.

Contoh code HTML​

di bawah ini adalah sytax awal dari html

<!DOCTYPE html>
<html>
  <head>
    <title>Judul Halaman</title>
  </head>
  <body>
    <h1>Ini adalah heading utama</h1>
    <p>Ini adalah paragraf pertama.</p>
    <a href="https://example.com">Ini adalah link</a>
  </body>
</html>

penjelasan :

  • <!DOCTYPE html> : Menunjukkan bahwa dokumen menggunakan HTML5.
  • <html> : Elemen yang membungkus seluruh konten halaman.
  • <head> : Berisi informasi meta tentang halaman, seperti judul (<title>).
  • <body>: Berisi konten utama yang ditampilkan di halaman web.
  • <h1>, <p>, <a> : Tag yang digunakan untuk heading, paragraf, dan link.