🌐

Tag HTML: Struktur dan Penggunaan

Aug 26, 2024

Catatan Kuliah: Tag HTML

Pengenalan

  • Tag HTML adalah kode yang digunakan untuk menulis dalam HTML.
  • Struktur dasar tag HTML:
    • Tanda lebih kecil dari (<)
    • Nama tag
    • Tanda lebih besar dari (>)
  • Tag bisa berpasangan (tag pembuka dan tag penutup) atau tidak.

Struktur Dasar HTML

  • Elemen dasar yang perlu dipahami:
    • <!DOCTYPE html>
    • <html>
    • <head>
    • <body>

Tag dalam Bagian <head>

  • Beberapa tag yang bisa digunakan dalam <head>:
    • <title>: Menentukan judul halaman di tab browser.
    • <style>: Untuk menyimpan CSS.
    • <script>: Untuk menyimpan JavaScript.
    • <meta>: Untuk menyimpan metadata yang penting.
      • Contoh metadata penting:
        • charset: Untuk encoding.
        • Deskripsi website.
        • Keyword dan penulis (author).

Tag dalam Bagian <body>

  • Beberapa tag yang umum digunakan dalam <body>:
    • Heading: 6 level heading (h1 hingga h6).
    • <p>: Untuk menulis paragraf.
    • Tag pendukung teks:
      • <br>: Menambahkan baris baru.
      • <hr>: Menambahkan garis horizontal.
      • <em>: Untuk penekanan.
      • <strong>: Untuk penguatan teks.
    • <img>: Untuk menyimpan gambar.
    • <a>: Untuk membuat hyperlink.
    • List:
      • <ul>: Unordered list (list tidak terurut).
      • <ol>: Ordered list (list terurut).
      • <li>: Item dalam list.
      • <dl>: Definition list.
    • <table>: Untuk membuat tabel.
    • <form>: Untuk membuat form dan elemen-elemen dalamnya:
      • input, select, dll.
    • Javascript: bisa disimpan menggunakan tag <script>.
    • Objek multimedia: Menggunakan tag <object>.
    • Grouping: Menggunakan tag <div> dan <span>.
    • Komentar: Menggunakan <!-- komentar -->.

Struktur Tag HTML

  • Format dasar tag:
    • Nama tag diikuti dengan atribut (opsional):
      • Contoh: <body bg-color="lightblue">
  • Setiap atribut memiliki nilai (value):
    • Atribut global yang umum digunakan:
      • accesskey: Shortcut keyboard.
      • class dan id: Menandai elemen.
      • dir: Arah tulisan.
      • lang: Bahasa.
      • style: Untuk inline CSS.
      • tabindex: Urutan fokus saat menggunakan tab.
      • title: Judul elemen.

Sumber Tambahan

Pembicara: Sandika Gali
Terima kasih atas perhatiannya!

Full transcript