Apa itu HTML?

HTML adalah bahasa markup standar untuk membuat halaman web.

  • HTML adalah singkatan dari Hyper Text Markup Language
  • HTML menggambarkan struktur halaman web menggunakan markup
  • Elemen HTML adalah blok pembangun halaman HTML
  • Elemen HTML diwakili oleh tag
  • Tag HTML melabeli potongan konten seperti “pos”, “paragraf”, “tabel”, dan seterusnya
  • Browser tidak menampilkan tag HTML, tetapi menggunakannya untuk merender konten halaman

Contoh Dokumen HTML Sederhana

<!DOCTYPE html>

 <html>

 <head>

 <title>Judul Hamalan</title>

 </head>

 <body><h1>Heading Pertama</h1>

 <p>Paragraf pertama.</p>

</body>
 </html>
Lihat Hasilnya Disini

Penjelasan

  • Deklarasi <! DOCTYPE html> mendefinisikan dokumen ini sebagai HTML5
  • Elemen <html> adalah elemen root dari sebuah halaman HTML
  • Elemen <head> berisi informasi meta tentang dokumen
  • Elemen <title> menentukan judul untuk dokumen
  • Elemen <body> berisi konten halaman yang terlihat
  • Elemen <h1> mendefinisikan heading besar
  • Elemen <p> mendefinisikan sebuah paragraf

Tag HTML

Tag HTML adalah nama elemen yang dikelilingi tanda kurung siku:

<namatag>Isi Konten...</namatag>
  • Tag HTML biasanya datang berpasangan seperti <p> dan </ p>
  • Tag pertama dalam pasangan adalah tag awal, tag kedua adalah tag akhir
  • Tag akhir ditulis seperti tag awal, tetapi dengan garis miring yang disisipkan sebelum nama tag

Catatan: Tag awal juga disebut tag pembuka, dan tag akhir tag penutup.

 

Web Browsers

Tujuan dari browser web (Chrome, IE, Firefox, Safari) adalah untuk membaca dokumen HTML dan menampilkannya.

Browser tidak menampilkan tag HTML, tetapi menggunakannya untuk menentukan cara menampilkan dokumen:

 

Struktur Halaman HTML

Di bawah ini adalah visualisasi struktur halaman HTML:

<html>

<head>
<title>Judul Halaman</title>
</head>

<body>
<h1>Ini adalah heading</h1>
<p>Ini adalah paragraph.</p>
<p>Ini adalah paragraph.</p>
</body>

</html>

Catatan: Hanya konten di dalam bagian <body> (area putih di atas) yang ditampilkan di browser.

Deklarasi <! DOCTYPE>

Deklarasi <! DOCTYPE> mewakili jenis dokumen, dan membantu browser untuk menampilkan halaman web dengan benar.

Hanya harus muncul sekali, di bagian atas halaman (sebelum tag HTML apa pun).

Deklarasi <! DOCTYPE> tidak case sensitive.

Deklarasi <! DOCTYPE> untuk HTML5 adalah:

<!DOCTYPE html>

Sejarah Versi HTML

HTML 1991
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 2000
HTML5 2014