- HTML adalah HyperText Markup Language.
- HTML adalah bahasa markup standard untuk membuat halaman Web.
- HTML mendeskripsikan struktur halaman Web.
- HTML terdiri dari serangkaian elemen.
- Elemen HTML memberi tahu browser cara menampilkan konten.
- Elemen HTML memberi label potongan konten seperti "ini adalah judul", "ini adalah paragraf", "ini adalah tautan", dll.
Contoh ke HTMLIntroduction.html
Contoh Dijelaskan:
- Deklarasi
<!DOCTYPE html>
mendefinisikan bahwa dokumen ini adalah dokumen HTML5 - Elemen
<html>
adalah elemen root dari halaman HTML - Elemen
<head>
berisi informasi meta tentang halaman HTML - Elemen
<title>
menentukan judul untuk halaman HTML (yang ditampilkan di bilah judul browser atau di tab halaman) - Elemen
<body>
mendefinisikan isi dokumen, dan merupakan wadah untuk semua konten yang terlihat, seperti judul, paragraf, gambar, hyperlink, tabel, daftar, dll. - Elemen
<h1>
mendefinisikan heading besar - Elemen
<p>
mendefinisikan paragraf.
Elemen HTML didefinisikan oleh tag awal, beberapa konten, dan tag akhir:
<tagname>Konten ada di sini...</tagname>
Elemen HTML adalah segalanya mulai dari tag awal hingga tag akhir:
<h1>Judul Pertama Saya</h1>
<p>Paragraf pertama saya.</p>
Tag Awal | Konten Elemen | Tag terakhir | |
---|---|---|---|
01 | <h1> |
Heading Pertama Saya | </h1> |
02 | <p> |
Paragraf Pertama Saya | </p> |
03 | <br> |
None | None |
Catatan: Beberapa elemen HTML tidak memiliki konten (seperti elemen
<br>
). Elemen-elemen ini disebut elemen kosong. Elemen kosong tidak memiliki tag akhir!
Tujuan browser web (Chrome, Edge, Firefox, Safari) adalah untuk membaca dokumen HTML dan menampilkannya dengan benar.
Browser tidak menampilkan tag HTML, tetapi menggunakannya untuk menentukan cara menampilkan dokumen:
Di bawah ini adalah visualisasi struktur halaman HTML:
Catatan: Konten di dalam bagian <body>
(area putih di atas) akan ditampilkan di browser. Konten di dalam elemen <title>
akan ditampilkan di bilah judul browser atau di tab halaman.
Sejak awal World Wide Web, ada banyak versi HTML:
Tahun | Versi | |
---|---|---|
01 | 1989 | Tim Berners-Lee invented www |
02 | 1991 | Tim Berners-Lee invented HTML |
03 | 1993 | Dave Raggett drafted HTML+ |
04 | 1995 | HTML Working Group defined HTML 2.0 |
05 | 1997 | W3C Recommendation: HTML 3.2 |
06 | 1999 | W3C Recommendation: HTML 4.01 |
07 | 2000 | W3C Recommendation: XHTML 1.0 |
08 | 2008 | WHATWG HTML5 First Public Draft |
09 | 2012 | WHATWG HTML5 Living Standard |
10 | 2014 | W3C Recommendation: HTML5 |
11 | 2016 | W3C Candidate Recommendation: HTML 5.1 |
12 | 2017 | W3C Recommendation: HTML5.1 2nd Edition |
13 | 2017 | W3C Recommendation: HTML5.2 |
Tutorial ini mengikuti standar HTML5 terbaru.