Apa itu HTML?
- HTML adalah bahasa markup standar untuk membuat halaman Web.
- HTML adalah singkatan dari Hyper Text Markup Language
- HTML menggambarkan struktur halaman Web menggunakan markup
- Elemen HTML adalah blok bangunan dari halaman HTML
- Elemen HTML diwakili oleh tag
- Tag HTML memberi label potongan konten seperti "judul", "paragraf", "tabel", dan sebagainya
- Browser tidak menampilkan tag HTML, namun gunakan untuk menampilkan konten halaman
Dokumen HTML Sederhana
Contoh
<!DOCTYPE html>
<html>
<head>
<title>Title</title>
</head>
<body>
<h1>Posting pertama saya</h1>
<p>Paragraf Pertama saya.</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Title</title>
</head>
<body>
<h1>Posting pertama saya</h1>
<p>Paragraf Pertama saya.</p>
</body>
</html>
Contoh Dijelaskan
- Deklarasi <! DOCTYPE html> mendefinisikan dokumen ini menjadi HTML5
- Elemen <html> adalah elemen akar dari halaman HTML
- Elemen <head> berisi informasi meta tentang dokumen
- Elemen <title> menentukan judul untuk dokumen
- Elemen <body> berisi konten halaman yang terlihat
- Elemen <h1> mendefinisikan heading besar
- Elemen <p> mendefinisikan sebuah paragraf
HTML Tags
Tag HTML adalah nama elemen yang dikelilingi oleh kurung sudut:
<tagname>isi disini</tagname>
- Tag HTML biasanya berpasangan seperti <p> dan </ p>
- Tag pertama pada pasangan adalah tag awal, tag kedua adalah tag akhir
- Tag akhir ditulis seperti tag awal, namun dengan garis miring ke depan dimasukkan sebelum nama tag
Tip: Tag awal juga disebut tag pembuka, dan tag akhir tag penutup.
<tagname>isi disini</tagname>
Tip: Tag awal juga disebut tag pembuka, dan tag akhir tag penutup.
Browser Web
Tujuan browser web (Chrome, IE, Firefox, Safari) adalah membaca dokumen HTML dan menampilkannya.
Browser tidak menampilkan tag HTML, namun menggunakannya untuk menentukan cara menampilkan dokumen:
Struktur Halaman HTML
Berikut adalah visualisasi struktur halaman HTML:
<html>
<head>
<title>Page title</title>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</body>
</html>
Note: Hanya konten di bagian <body> (area putih di atas) yang ditampilkan di browser.
<head>
<title>Page title</title>
</head>
<body>
</body>
</html>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
Note: Hanya konten di bagian <body> (area putih di atas) yang ditampilkan di browser.
Deklarasi <! DOCTYPE>
Deklarasi <! DOCTYPE> mewakili jenis dokumen, dan membantu browser untuk menampilkan halaman web dengan benar.
Itu hanya boleh muncul sekali, di bagian atas halaman (sebelum ada tag HTML).
Deklarasi <! DOCTYPE> tidak sensitif huruf.
Deklarasi <! DOCTYPE> untuk HTML5 adalah:
<!DOCTYPE html>
<!DOCTYPE html>
0 Response to "Pendahuluan HTML"
Post a Comment