Apa itu HTML?
HTML adalah bahasa markup untuk menggambarkan dokumen web (halaman web).
• HTML adalah singkatan dari Hyper Text Markup Language
• Bahasa markup adalah sekumpulan tag markup
• Dokumen HTML dijelaskan oleh tag HTML
• Setiap tag HTML menggambarkan konten dokumen yang berbeda
Contoh HTML
Dokumen HTML kecil :
<!DOCTYPE html>
< html>
<head>
<title>Page Title</title>
</head>
< body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Contoh Dijelaskan
• Deklarasi DOCTYPE mendefinisikan jenis dokumen menjadi HTML
• Teks antara <html> dan </ html> mendeskripsikan dokumen HTML
• Teks antara <head> dan </ head> menyediakan informasi tentang dokumen
• Teks antara <title> dan </ title> memberikan judul untuk dokumen
• Teks antara <body> dan </ body> menggambarkan konten halaman yang terlihat
• Teks antara <h1> dan </ h1> mendeskripsikan sebuah judul
• Teks antara <p> dan </ p> menggambarkan sebuah paragraf
Dengan menggunakan deskripsi ini, browser web dapat menampilkan dokumen dengan judul dan paragraf.
Tag HTML
Tag HTML adalah kata kunci (nama tag) yang dikelilingi tanda kurung siku:
<tagname> konten </ tagname>
• Tag HTML biasanya 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 sebelum nama tag
The start tag is often called the opening tag. The end tag is often called the closing tag.
Browser Web
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>Page title</title>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</body>
</html>
Hanya area <body> (area putih) yang ditampilkan oleh browser.
Deklarasi <! DOCTYPE>
Deklarasi <! DOCTYPE> membantu browser untuk menampilkan halaman web dengan benar.
Ada berbagai jenis dokumen di web.
Untuk menampilkan dokumen dengan benar, browser harus mengetahui tipe dan versinya.
Deklarasi doctype tidak bersifat case sensitive. Semua kasus dapat diterima:
<!DOCTYPE html>
< !DOCTYPE HTML>
<!doctype html>
<!Doctype Html>
Deklarasi Umum
HTML5
<!DOCTYPE html>
HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Semua tutorial dan contoh di W3Schools menggunakan HTML5.
Versi HTML
Sejak masa awal web, ada banyak versi HTML:
Version | Year |
HTML | 1991 |
HTML 2.0 | 1995 |
HTML 3.2 | 1997 |
HTML 4.01 | 1999 |
XHTML | 2000 |
HTML5 | 2014 |