FluentStack

Tag, Element, dan Attribute

Mode tersedia: dark, light, paper
MasukDaftar
Beginner · Level 2: HTML and Accessibility FoundationsBeginner32 menitBahasa Indonesia

Tag, Element, dan Attribute

Pahami perbedaan tag, element, dan attribute sebelum memakai elemen konten dasar.

StatusMemuat progres
ProgresMemuat...

...

Memuat progres

Menyiapkan langkah berikutnya

Tujuan belajar

  • Membedakan tag dan element
  • Memahami attribute sebagai informasi tambahan pada element
  • Memakai attribute pada link dan gambar sederhana
HTMLWeb Fundamentals

Isi lesson

6 blok
  1. 1.
    Tiga istilah dasar di HTMLBelum selesaiWajib
  2. 2.
    Jangan tertukar saat membaca dokumentasiBelum selesaiWajib
  3. 3.
    Contoh tag, element, dan attributeBelum selesaiWajib
  4. 4.
    Cek pemahamanBelum selesaiWajib
  5. 5.
    Coding practiceBelum selesaiWajib
  6. 6.
    RingkasanBelum selesaiWajib

Tiga istilah dasar di HTML

Wajib

Di lesson sebelumnya, kamu sudah menulis struktur HTML dasar. Sekarang kamu akan memberi nama pada bagian kecil yang sering muncul di kode. Tag adalah penanda seperti <a> atau <p>. Element adalah satu bagian HTML lengkap, misalnya <p>Halo</p>. Attribute adalah informasi tambahan di dalam tag pembuka, misalnya href pada link.

Bagian ini memengaruhi progres lesson.

Catatan penting

Wajib

Jangan tertukar saat membaca dokumentasi

Di dokumentasi, istilah tag dan element kadang terasa mirip. Untuk belajar, cukup ingat: tag adalah penandanya, element adalah keseluruhan bagian HTML-nya.

Bagian ini memengaruhi progres lesson.

Contoh tag, element, dan attribute

Wajib
html
<a href="/roadmap">Lihat roadmap</a>

<a> dan </a> adalah tag. Seluruh baris adalah element link. href adalah attribute yang memberi tahu tujuan link.

Bagian ini memengaruhi progres lesson.

Cek pemahaman

WajibJawab dulu

Cek pemahaman singkat

Pada kode <img src="logo.svg" alt="Logo FluentStack" />, bagian mana yang termasuk attribute?

Progres lesson naik setelah jawaban benar.

Coding practice

WajibDibuka di workspace khusus

Latihan tag, element, dan attribute

Latihan mengenali dan memakai attribute pada link dan gambar.

Tujuan awal: Fokus pada struktur HTML, bukan visual design.

Practice ini dibuka di workspace khusus. Buka practice untuk memakai editor, preview, dan cek otomatis.

Tombol selesai aktif setelah semua validasi wajib lolos.

7 cek otomatis6 checklist
Belum selesaiBuka practice

Ringkasan

Wajib
  • Tag adalah penanda HTML, seperti <p> atau <a>.
  • Element adalah bagian HTML lengkap, termasuk tag dan kontennya.
  • Attribute memberi informasi tambahan pada element.
  • Saat latihan, cek attribute seperti href, src, dan alt karena bagian itu membuat element punya tujuan lebih jelas.
  • Berikutnya, kamu akan memakai tag dan attribute ini untuk membuat konten halaman: heading, paragraf, link, dan gambar.

Bagian ini memengaruhi progres lesson.

Langkah berikutnya

Selesaikan bagian penting lesson ini

Lanjutkan blok wajib berikutnya: Tiga istilah dasar di HTML.

Memuat progresReview module