- HTML merupakan singkatan dari Hyper Text Markup Language
- Sebuah bahasa markup adalah sekumpulan tag markup
- Dokumen HTML dideskripsikan oleh tag HTML
- Setiap tag HTML mendeskripsikan konten dokumen yang berbeda
Contoh HTML:
<!DOCTYPE html>
<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
<h1>Heading pertama</h1>
<p>Paragraf pertama</p>
</body>
</html>
Penjelasan contoh diatas:
- Deklarasi DOCTYPE mendefiniskan tipe dokumennya HTML
- Teks diantara <html> dan </html> mendeskripsikan sebuah dokumen HTML
- Teks diantara <head> dan </head> menyediakan informasi tentang dokumen
- Teks diantara <title> dan </title> menyediakan sebuah judul untuk dokumen
- Teks diantara <body> dan </body> mendeskripsikan konten halaman yang terlihat
- Teks diantara <h1> dan </h1> mendeksripsikan heading
- Teks diantara <p> dan </p> mendeskripsikan paragraf
Dengan menggunakan deskripsi tadi, sebuah web browser dapat menampilkan dokumen dengan heading dan paragraf
Tags HTML
Tags HTML merupakan kata kunci (nama tag) yang dikelilingi oleh kurung sudut<tagname>konten</tagname>
- Tags HTML biasanya berpasangan seperti <p> dan </p>
- Tag pertama merupakan tag awal, tag kedua merupakan tag akhir
- Tag akhir ditulis seperti tag awal, tetapi dengan tambahan slash sebelum nama tag
- Tag awal sering juga disebut dengan tag pembuka. Tag akhir sering juga disebut dengan tag penutup
Web Browser
Tujuan web browser (Firefox, IE, Chrome, Opera) adalah untuk membaca dokumen HTML dan menampilkannya.Browser tidak menampilkan tags HTML, tetapi untuk menentukan bagaimana dokumen ditampilkan.
Struktur Halaman HTML
Dibawah ini adalah tampilan dari struktur HTML:
Hanya area <body> / area putih yang ditampilkan dalam browser
Deklarasi <!DOCTYPE>
Deklarasi <!DOCTYPE> membantu browser untuk menampilkan sebuah halaman web secara benar. Terdapat beberapa tipe dokumen dalam web. Untuk menampilkan dokumen secara benar, browser harus tahu type dan versi. Dekarasi doctype tidak bersifat case sensitive. Jadi huruf besar atau kecil tidak masalah.<!DOCTYPE html>
<!DOCTYPE HTML>
<!doctype html>
<!Doctype Html>
Dekarasi 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">
Versi HTML
Lihat juga:
- Cara membuat Tabel di Database MySQL dengan perintah Query
- Perbedaan DDL dan DML
- VB.NET Programming: Cara menentukan angka (Ganjil/Genap) menggunakan Mod
- Contoh Program ACC dengan menggunakan VB 6.0
- Cara membuat MessageBox YES/NO di VB.NET
No comments:
Write komentar