Tutorial Belajar Struktur HTML
Struktur minimum dari sebuah dokumen HTML dapat diamati pada kolom editor di samping.
- Deklarasi
<!DOCTYPE html>mendefinisikan dokumen sebagai sebuah halaman HTML5 - Elemen
<html>adalah induk elemen dari sebuah halaman HTML - Elemen
<head>berisi informasi seputar dokumen - Elemen
<title>menetapkan judul dari dokumen HTML - Elemen
<body>adalah induk dari konten halaman yang akan ditampilkan - Elemen
<h1>dan<p>adalah contoh konten yang tampil pada layar
Bila kita memanggil dokumen HTML tersebut di browser, maka konten dari elemen
<title>akan tampil di bagian headbar/tab browser dan semua konten yang ada di dalam body akan ditampilkan di dalam jendela browser.PRAKTEK
- Jalankan kode pada editor dan lihat hasilnya pada kolom output.Pada kolom output HTML yang ditampilkan hanya konten yang ada di dalam tag body saja.
- Ganti konten di dalam tag
<h1>menjadi "Halaman HTML Pertama Saya" dan ganti konten di dalam tag<p>dengan kalimat apapun yang Kamu suka, dan klik tombol "Jalankan" untuk melihat perubahannya.
<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML</title>
</head>
<body>
<h1>Ini Judul Konten</h1>
<p>Ini paragraf konten.</p>
</body>
</html>
0 Response to "Tutorial Belajar Struktur HTML"
Posting Komentar