🌐

Panduan Lengkap Tag HTML

Oct 18, 2024

Catatan Kuliah: Tag HTML

Pengantar

  • Pembahasan mengenai tag HTML: cara pembuatan, struktur, dan jenis tag.
  • Tag dalam HTML ditulis dengan tanda "<" (lebih kecil dari) diikuti nama tag dan diakhiri dengan ">" (lebih besar dari).
  • Terdapat tag yang berpasangan (tag pembuka dan tag penutup) dan yang tidak berpasangan.

Struktur Dasar HTML

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

Tag dalam <head>

  • Tag yang umum digunakan dalam <head>:
    • <title>: Menyimpan judul halaman yang muncul di tab browser.
    • <style>: Untuk menyisipkan CSS.
    • <script>: Untuk menyisipkan JavaScript.
    • <meta>: Menyimpan metadata website (charset, deskripsi, keyword, author).
      • Contoh metadata:
        • charset: Untuk encoding.
        • Deskripsi website.
        • Keyword dan author.

Tag dalam <body>

  • Beberapa tag yang bisa digunakan dalam <body>:
    • Heading: 6 level (<h1> hingga <h6>).
    • Paragraph: Menggunakan tag <p>.
    • Tag pendukung untuk text:
      • <br>: Menambahkan baris baru.
      • <hr>: Menambahkan garis horizontal.
      • <em>: Untuk menekankan teks.
      • <strong>: Untuk menegaskan teks.
    • Gambar: Menggunakan tag <img>.
    • Hyperlink: Menggunakan tag <a>.
    • List:
      • <ul>: Unordered list (list tidak terurut).
      • <ol>: Ordered list (list terurut).
      • <li>: List item.
      • <dl>: Definition list.
    • Tabel: Menggunakan tag <table>.
    • Form: Menggunakan tag <form> dan elemen di dalamnya seperti input.
    • JavaScript: Disisipkan menggunakan tag <script>.
    • Objek multimedia: Menggunakan tag <object>.
    • Tag untuk grouping: Menggunakan tag <div> dan <span>.
    • Tag komentar: Menggunakan <!-- komentar --> untuk menyimpan komentar dalam kode.

Struktur Tag HTML

  • Struktur tag HTML terdiri dari:
    • Nama tag
    • Atribut (optional)
    • Nilai atribut
  • Contoh:
    • Tag <body> dengan atribut bg-color dan nilai lightblue.
  • Tag bisa memiliki lebih dari satu atribut.

Atribut Global dalam HTML

  • Atribut global yang dapat digunakan di semua tag:
    • accesskey: Untuk akses menggunakan keyboard.
    • class: Untuk mendefinisikan kelas elemen.
    • id: Untuk mendefinisikan ID elemen.
    • dir: Untuk menentukan arah tulisan.
    • lang: Untuk bahasa.
    • style: Untuk menyisipkan CSS inline.
    • tabindex: Untuk urutan fokus saat menggunakan tab.
    • title: Untuk memberi judul pada elemen.

Sumber Tambahan

  • Untuk informasi lebih lanjut mengenai atribut HTML, kunjungi W3Schools.

Terima kasih, saya Sandika Gali.

Full transcript