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 :
• 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
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:
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:
Deklarasi Umum
Sejak masa awal web, ada banyak versi 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>Contoh Dijelaskan
< html>
<head>
<title>Page Title</title>
</head>
< body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
• 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></html><h1>This is a heading</h1><p>This is a paragraph.</p><p>This is another paragraph.</p></body>
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
0 komentar:
Posting Komentar