Contoh HTML
<!DOCTYPE html><html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Penjelasan Contoh
- DOCTYPE mendeklarasikan tipe dokumennya
- Teks diantara <html> dan </html> menjelaskan halaman web
- Teks diantara <body> dan </body> adalah konten yang terlihat dihalaman web
- Teks diantara <h1> dan </h1> terlihat sebagai judul/kepala
- Teks diantara <p> dan </p> terlihat sebagai paragraf
Apa itu HTML?
HTML ialah bahasa yang digunakan untuk mendeskribsikan halaman web
- HTML adalah singkatan dari Hyper Text Markup Language
- HTML ialah bahasa penandaan
- Bahasa penandaan tercipta dalam seperangkat label penandaan
- label mendeksribsikan isi dokumen
- Dokumen HTML mengandung label HTML dan teks biasa
- Dokumen HTML baiasa dipanggil halaman web
Label HTML
Label penandaan HTML biasa disebut Label HTML
- Label HTML adalah sebuah kata kunci (nama label) yang dikelilingi oleh kurung sudut seperti <html>
- Label HTML biasanya berpasangan seperti <b> dan </b>
- Label pertama ialah sebagai label pembuka, label kedua ialah sebagai label penutup
- Label penutup ditulis seperti label pembuka, tapi dengan garis miring sebelum nama label
- Pembuka dan penutup label biasa juga disebut label mulai dan label akhir
| <namalabel> isi </namalabel> |
Element HTML
"Label HTML" dan "Element HTML" sama-sama digunakan untuk mendeksribsikan sesuatu
Tapi berbicara dengan tegas, Element HTML adalah segala sesuatu dari mulai label pembuka sampai label penutup disertai dengan labelnya
HTML Element:
| <p>Ini adalah sebuah paragraf</p> |
Web Browser
Maksud dari sebuah web browser (seperti Google Chrome, Internet Explorer, Firefox, Safari) ialah untuk membaca dokumen HTML dan memperlihatkan sebagai halaman web.
Browser tidak akan memperlihatkan label HTML, tapi dengan menggunakan label menentukan bagaimana isi dari halaman HTML tersebut diperlihatkan ke pengguna
Sturktur Halaman HTML
Dibawah ini adalah tamilan dari stuktur halaman HTML:
<html>
<body>
</html>
<h1>This a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</body>Versi HTML
Sejak dari awal terciptanya web, sekarang telah banyak versi dari html :
| Versi | Tahun |
|---|---|
| HTML | 1991 |
| HTML+ | 1993 |
| HTML 2.0 | 1995 |
| HTML 3.2 | 1997 |
| HTML 4.01 | 1999 |
| XHTML | 2000 |
| HTML5 | 2012 |
Deklarasi <!DOCTYPE>
Pendeklarasian <!DOCTYPE> membantu browser melihat halaman web sempurna
Sangat banyak perbedaan dokumen diinternet, dan sebuah browser hanya dapat memperlihatkan halaman HTML 100% sebenarnya jika diketahui tipe HTML dan Versi berapa yang digunakan
Deklerasi 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">
HTML 1.0
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
| Chapter Sebelumnya | Tutorial HTML | Chapter Selanjutnya |
Tidak ada komentar:
Posting Komentar