📄

Pengenalan Tag HTML dan Strukturnya

Aug 8, 2024

Catatan Kuliah: Pengenalan Tag HTML

1. Pengertian Tag HTML

  • Tag adalah kode dalam HTML yang ditulis dengan tanda lebih kecil dari (<) diikuti nama tag, dan diakhiri dengan tanda lebih besar dari (>).
  • Tag terdiri dari tag pembuka dan tag penutup, di mana tag penutup memiliki garis miring di depan nama tag.

2. Struktur Dasar HTML

  • Struktur dasar HTML terdiri dari:
    • <!DOCTYPE html>
    • <html>
    • <head>
    • <body>

3. Tag dalam Bagian Head

a. Tag Title

  • Digunakan untuk menuliskan judul halaman yang ditampilkan di tab browser.

b. Tag Style

  • Digunakan untuk menyimpan CSS.

c. Tag Script

  • Digunakan untuk menyimpan JavaScript.

d. Tag Meta

  • Digunakan untuk menyimpan metadata yang penting untuk mendeskripsikan website, seperti:
    • Charset (encoding)
    • Deskripsi website
    • Keyword
    • Author (pembuat)

4. Tag dalam Bagian Body

a. Tag untuk Teks

  • Heading: Ada 6 level, dari <h1> (paling besar) hingga <h6> (paling kecil).
  • Paragraph: Menggunakan tag <p>.

b. Tag Pendukung Teks

  • <br>: Menambahkan baris baru.
  • <hr>: Menambahkan garis horizontal.
  • <em>: Menekankan teks.
  • <strong>: Menebalkan teks.

c. Tag untuk Gambar dan Hyperlink

  • Gambar: Menggunakan tag <img>.
  • Hyperlink: Menggunakan tag <a>.

d. Tag untuk List

  • Unordered List: <ul> (list tidak terurut)
  • Ordered List: <ol> (list terurut)
  • List Item: <li>
  • Definition List: <dl>.

e. Tag untuk Tabel dan Form

  • Tabel: Menggunakan tag <table>.
  • Form dan elemen-elemen:
    • Tag <form>
    • Input/Text field, Combo box, Select button, dll.

f. Tag untuk JavaScript dan Objek

  • JavaScript: Menggunakan tag <script>.
  • Objek Multimedia: Menggunakan tag <object>.

g. Tag untuk Grouping

  • Div: Menggunakan tag <div>.
  • Span: Menggunakan tag <span>.

h. Tag Komentar

  • Digunakan untuk menyimpan komentar dalam kode HTML. Format: <!-- komentar -->.
  • Komentar tidak akan tampil di browser, hanya untuk developer.

5. Struktur Tag HTML

  • Struktur tag terdiri dari:
    • Nama tag.
    • Atribut (dapat memiliki satu atau lebih atribut).
  • Contoh: <body bg-color="lightblue">

a. Atribut Global

  • Beberapa atribut global yang dapat digunakan di semua tag:
    • accesskey: untuk shortcut keyboard.
    • class: untuk mengelompokkan elemen.
    • id: untuk memberi identifikasi unik.
    • dir: untuk menentukan arah tulisan.
    • lang: untuk menentukan bahasa.
    • style: untuk menambahkan inline CSS.
    • tabindex: untuk urutan tab.
    • title: untuk memberi judul pada elemen.

6. Referensi Tambahan

  • Untuk informasi lebih lanjut tentang atribut lengkap, kunjungi W3Schools.

Dosen: Sandika Gali
Terima kasih telah mengikuti kuliah!

Full transcript