Pemberitahuan keamanan
Logo TalentGroup.id TalentGroup.id
Masuk
PUBLIC

Pengenalan HTML5 & Struktur Dasar

Mengenal anatomi dokumen HTML5, tag pembuka dan penutup, serta doctype declaration.

Pengenalan HTML5 & Struktur Dasar Dokumen

HTML (HyperText Markup Language) adalah bahasa standar yang digunakan untuk membuat dan menyusun halaman web.

Anatomi Dokumen HTML5#

Setiap halaman web modern dibangun dengan struktur dasar berikut:

index.html 
<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Belajar HTML | Flow Academy</title>
</head>
<body>
    <h1>Selamat Datang di Flow Academy</h1>
    <p>Ini adalah halaman web pertama Anda.</p>
</body>
</html>
Catatan
Tag <!DOCTYPE html> memberitahu peramban (browser) bahwa dokumen ini menggunakan standar HTML5 modern.

Elemen & Atribut Dasar#

Elemen HTML tersusun dari tag pembuka, isi, dan tag penutup. Atribut memberikan informasi tambahan pada elemen:

contoh-elemen.html 
<a href="https://flowacademy.fun" target="_blank" class="btn-link">
    Kunjungi Website Resmi
</a>
Materi Selanjutnya Formulir & Kontrol Input Interaktif