Pengenalan HTML
Contoh HTML
|
1
2
3
4
5
6
7
8
9
|
<!DOCTYPE html> <html> <body> <h1>Heading Pertama</h1> <p>Paragraf pertama.</p> <p>Paragraf kedua.</p> <p>Paragraf ketiga.</p> </body> </html> |
Penjelasan
- Deklarasi DOCTYPE mendefinisikan tipe dokumen
- Teks di antara<html> dan</ html> menjelaskan halaman web
- Teks di antara<body> dan</ body>adalah isi halaman yang terlihat
- Teks di antara<h1> dan</ h1> ditampilkan sebagai judul
- Teks di antara<p> dan</ p> ditampilkan sebagai sebuah paragraph
Apa itu HTML?
HTML adalah bahasa untuk mendeskripsikan halaman web.
- HTML singkatan dari HyperText Markup Language
- HTML adalah bahasa markup, yang terdiri dari seperangkat tag markup
- Tag menggambarkan isi dokumen
- Dokumen HTML berisi tag HTML dan teks biasa
- Dokumen HTML juga disebut halaman web
Tag HTML
Tag markup HTML biasanya disebut tag HTML.
- Tag HTML adalah kata kunci (nama tag) yang dikelilingi oleh kurung sudut seperti <html>
- Tag HTML umumnya selalu berpasangan seperti <p> dan </ p>
- Tag pertama dalam pasangan adalah tag awal, tag kedua adalah tag akhir
- Tag akhir ditulis seperti tag awal, dengan garis miring sebelum nama tag
- Tag awal dan tag akhir juga disebut tag pembuka dan penutup tag <tagname>content</tagname>
Browser Web
Fungsi dari browser web (seperti Google Chrome, Internet Explorer, Firefox, Safari) adalah untuk membaca dokumen HTML dan menampilkannya sebagai halaman web.
Browser tidak menampilkan tag HTML, tetapi menggunakan tag untuk menentukan bagaimana isi dari halaman HTML akan disajikan/ditampilkan kepada pengguna.
Versi HTML
Sejak hari-hari awal web, ada banyak versi HTML:
Deklarasi <!DOCTYPE>
Deklarasi <! DOCTYPE> membantu browser untuk menampilkan halaman web dengan benar.
Ada berbagai dokumen di web, dan browser hanya dapat menampilkan halaman HTML 100% benar jika ia tahu versi HTML dan tipe yang digunakan.
Element HTML Bersarang (Nested)
Kebanyakan elemen HTML dapat bersarang (dapat berisi elemen HTML lainnya).
Contoh :
|
1
2
3
4
5
6
|
<!DOCTYPE html> <html> <body> <p>This is my first paragraph.</p> </body> </html> |
Latihan
Ada berapa elemen HTML dalam contoh diatas?