Apa Itu HTML
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 bangunan dari halaman HTML
- Elemen HTML diwakili oleh tag
- Tag HTML memberi label potongan konten seperti "judul", "paragraf", "tabel", dan sebagainya
- Browser tidak menampilkan tag HTML, namun gunakan untuk menampilkan konten halaman
Dokumen HTML Sederhana:
<!DOCTYPE html><html>
<head>
<title> Judul Halaman </title>
</head>
<body>
<h1> Pos Pertama Saya </h1>
<p> paragraf pertama saya. </p>
</body>
</html>
Penjelasan Code Di atas:
- Deklarasi <!DOCTYPE html> mendefinisikan dokumen ini menjadi HTML5
- Elemen <html> adalah elemen akar dari 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 oleh kurung sudut:
<tagname> konten masuk ke sini ... </tagname>
- Tag HTML biasanya berpasangan seperti <p> dan </p>
- Tag pertama pada pasangan adalah tag awal, tag kedua adalah tag akhir
- Tag akhir ditulis seperti tag awal, namun dengan garis miring ke depan dimasukkan sebelum nama tag
- Tip: Tag awal juga disebut tag pembuka, dan tag akhir tag penutup.
Browser Web
Tujuan browser web (Chrome, IE, Firefox, Safari) adalah membaca dokumen HTML dan menampilkannya.
Browser tidak menampilkan tag HTML, namun menggunakannya untuk menentukan cara menampilkan dokumen:
Struktur Halaman HTML
Berikut adalah visualisasi struktur halaman HTML:
Catatan: Hanya konten di 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.
Itu hanya boleh muncul sekali, di bagian atas halaman (sebelum ada tag HTML).
Deklarasi <!DOCTYPE> tidak sensitif huruf.
Deklarasi <!DOCTYPE> untuk HTML5 adalah:
<!DOCTYPE html>
Versi HTML
Sejak awal web, ada banyak versi HTML, dan berikut versi HTML yang ada hingga saat ini:
| Version | Year |
|---|---|
| HTML | 1991 |
| HTML 2.0 | 1995 |
| HTML 3.2 | 1997 |
| HTML 4.01 | 1999 |
| XHTML | 2000 |
| HTML5 | 2014 |
Belajar HTML Secara Lengkap Disini:
1. Tutorial HTML Bagian 1
2. Tutorial HTML Bagian 2