Apa itu HTML?

HTML (HyperText Markup Language) adalah bahasa standar yang digunakan untuk membuat dan menyusun konten di halaman web. Setiap website yang Anda kunjungi — dari Google hingga Wikipedia — dibangun dengan HTML sebagai fondasinya.

Mengapa HTML Penting?

HTML adalah bahasa pertama yang harus dipelajari oleh setiap web developer. Tanpa HTML, tidak ada halaman web. Bayangkan HTML sebagai kerangka tulang dari sebuah website — ia memberikan struktur, sedangkan CSS memberikan tampilan visual dan JavaScript menambahkan interaktivitas.

Sejarah Singkat

HTML pertama kali diciptakan oleh Tim Berners-Lee pada tahun 1991. Sejak saat itu, HTML telah berkembang melalui beberapa versi:

Versi	Tahun	Fitur Utama
HTML 1.0	1991	Versi pertama, sangat sederhana
HTML 4.01	1999	Standar yang stabil dan luas digunakan
XHTML	2000	Versi XML-strict dari HTML
HTML5	2014	Versi modern dengan audio, video, canvas

[!TIP] Saat ini kita menggunakan HTML5 yang merupakan standar terbaru. Semua contoh di kursus ini menggunakan HTML5.

Contoh Pertama

Berikut adalah kode HTML paling sederhana:

html<!DOCTYPE html>
<html>
  <head>
    <title>Halaman Pertamaku</title>
  </head>
  <body>
    <h1>Halo Dunia!</h1>
    <p>Ini adalah halaman web pertama saya.</p>
  </body>
</html>

Setiap elemen HTML ditulis dengan tag yang dibuka dan ditutup. Contoh:  untuk membuka paragraf dan  untuk menutupnya.

Istilah Penting

Tag: Penanda yang membungkus konten, seperti <h1>, , <a>
Elemen: Keseluruhan dari tag pembuka + konten + tag penutup
Atribut: Informasi tambahan pada tag, seperti href pada <a>
Nesting: Menempatkan elemen di dalam elemen lain

[!NOTE] HTML bersifat case-insensitive ( sama dengan ), tapi konvensi yang baik adalah selalu menggunakan huruf kecil.

Apa itu HTML?

Mengapa HTML Penting?

Sejarah Singkat

HTML pertama kali diciptakan oleh Tim Berners-Lee pada tahun 1991. Sejak saat itu, HTML telah berkembang melalui beberapa versi:

Versi	Tahun	Fitur Utama
HTML 1.0	1991	Versi pertama, sangat sederhana
HTML 4.01	1999	Standar yang stabil dan luas digunakan
XHTML	2000	Versi XML-strict dari HTML
HTML5	2014	Versi modern dengan audio, video, canvas

[!TIP] Saat ini kita menggunakan HTML5 yang merupakan standar terbaru. Semua contoh di kursus ini menggunakan HTML5.

Contoh Pertama

Berikut adalah kode HTML paling sederhana:

html<!DOCTYPE html>
<html>
  <head>
    <title>Halaman Pertamaku</title>
  </head>
  <body>
    <h1>Halo Dunia!</h1>
    <p>Ini adalah halaman web pertama saya.</p>
  </body>
</html>

Setiap elemen HTML ditulis dengan tag yang dibuka dan ditutup. Contoh:  untuk membuka paragraf dan  untuk menutupnya.

Istilah Penting

Tag: Penanda yang membungkus konten, seperti <h1>, , <a>
Elemen: Keseluruhan dari tag pembuka + konten + tag penutup
Atribut: Informasi tambahan pada tag, seperti href pada <a>
Nesting: Menempatkan elemen di dalam elemen lain

[!NOTE] HTML bersifat case-insensitive ( sama dengan ), tapi konvensi yang baik adalah selalu menggunakan huruf kecil.