Kumpulan Kode Tag HTML – HTML atau Hypertext Markup Language adalah bahasa markup yang digunakan untuk membuat struktur halaman web. HTML terdiri dari berbagai “tag” atau “kode” yang menentukan bagaimana elemen-elemen pada halaman web akan ditampilkan.
Berikut ini adalah kumpulan beberapa tag HTML yang paling umum digunakan dan fungsinya:
Kumpulan Kode Tag HTML dan Fungsinya
| Tag HTML | Fungsi |
|---|---|
| <!DOCTYPE html> | Mendefinisikan dokumen sebagai dokumen HTML5 |
| <html> | Mendefinisikan sebuah dokumen HTML |
| <head> | Mengandung metadata tentang dokumen HTML |
| <title> | Menetapkan judul untuk dokumen HTML |
| <body> | Mengandung konten yang dapat dilihat oleh pengguna |
| <h1> – <h6> | Membuat heading |
| <p> | Membuat paragraf |
| <br> | Membuat baris baru |
| <hr> | Membuat garis horizontal |
| <a> | Membuat hyperlink |
| <img> | Membedakan gambar |
| <div> | Mengelompokkan elemen dalam blok |
| <span> | Mengelompokkan elemen dalam baris |
| <ul> | Membuat daftar tanpa urutan |
| <ol> | Membuat daftar berurutan |
| <li> | Mendefinisikan item daftar |
| <table> | Membuat tabel |
| <th> | Mendefinisikan header sel dalam tabel |
| <tr> | Mendefinisikan baris dalam tabel |
| <td> | Mendefinisikan sel dalam tabel |
| <form> | Membuat formulir input |
| <input> | Membuat berbagai jenis input |
| <button> | Membuat tombol |
| <script> | Menyertakan kode JavaScript |
| <link> | Menautkan ke file CSS |
| <meta> | Memberikan metadata tentang dokumen HTML |
| <style> | Menyisipkan CSS ke dalam dokumen HTML |
| <header> | Berisi intro dan navigasi |
| <footer> | Mendefinisikan footer |
| <main> | Mendefinisikan konten utama |
| <section> | Mendefinisikan bagian dalam dokumen |
| <article> | Mendefinisikan konten independen |
| <aside> | Mendefinisikan konten sampingan |
| <nav> | Mendefinisikan set navigasi |
| <figure> dan <figcaption> | Mengelompokkan media dan caption |
| <audio> | Menyertakan konten audio |
| <video> | Menyertakan konten video |
| <source> | Mendefinisikan sumber media |
| <embed> | Menyertakan konten lain |
| <object> | Menyertakan objek |
| <canvas> | Digunakan untuk menggambar grafik |
| <svg> | Mendefinisikan grafik vektor |
| <iframe> | Menyisipkan dokumen lain |
| <map> dan <area> | Membuat peta gambar |
| <datalist> | Mendefinisikan daftar pilihan |
| <option> | Mendefinisikan pilihan |
| <select> | Membuat menu drop-down |
| <textarea> | Digunakan untuk input teks |
| <label> | Menyediakan informasi label |
| <fieldset> dan <legend> | Mengelompokkan elemen form |
| <progress> | Mewakili kemajuan tugas |
| <meter> | Mengukur dalam rentang yang telah ditentukan |
| <details> dan <summary> | Menyembunyikan dan menampilkan detail |
| <command> | Mendefinisikan tombol yang dapat diklik |
| <mark> | Mendefinisikan teks yang ditandai |
| <cite> | Mendefinisikan judul karya |
| <abbr> | Menyatakan singkatan atau akronim |
| <address> | Mendefinisikan kontak informasi |
| <bdo> | Mengubah arah teks |
| <blockquote> | Mendefinisikan bagian yang dikutip |
| <q> | Mendefinisikan kutipan singkat |
| <code> | Mendefinisikan blok kode |
| <samp> | Mendefinisikan output sampel |
| <kbd> | Mendefinisikan input keyboard |
| <var> | Mendefinisikan variabel |
| <pre> | Mendefinisikan teks berformat pra-rancang |
| <sub> dan <sup> | Mendefinisikan teks superskrip dan subscript |
| <small> | Mendefinisikan teks kecil |
| <strong> | Mendefinisikan teks dengan penekanan kuat |
| <em> | Mendefinisikan teks dengan penekanan |
| <b> | Mendefinisikan teks bold |
| <i> | Mendefinisikan teks italic |
| <u> | Mendefinisikan teks dengan garis bawah |
| <s> | Mendefinisikan teks dengan garis tengah |
| <strike> | Mendefinisikan teks dengan garis tengah |
| <del> | Menunjukkan teks yang telah dihapus |
| <ins> | Menunjukkan teks yang telah ditambahkan |
| <ruby>, <rt>, dan <rp> | Mendefinisikan anotasi ruby |
| <wbr> | Mendefinisikan di mana browser dapat memecah baris teks |
| <nobr> | Mendefinisikan bagian teks yang tidak boleh memecah baris |
| <big> | Mendefinisikan teks besar |