Elemen HTML terdiri dari tag pembuka, isi, dan tag penutup. Beberapa elemen seperti HR, BR, dan input hanya terdiri dari satu tag tunggal. Elemen-elemen HTML yang umum digunakan mungkin sudah saya bahas. Beberapa elemen lain bisa kalian coba pelajari sendiri. HTML akan terus dikembangkan sehingga elemen-elemen baru muncul. Selain itu, beberapa elemen lama akan ditinggalkan. Elemen-elemen tersebut bisa disebut dengan "deprecated elements".
Untuk mengakhiri pembahasan tentang HTML, saya akan coba rangkum semua tag yang ada di HTML5. Berikut ini adalah tag-tag HTML yang diurutkan berdasarkan abjad.
- <-- --> : Komentar
- <!Doctype> : mendefinisikan tipe dokumen
- <a> : Mendefinisikan link yang bisa diklik.
- <abbr> : mendefinisikan singkatan atau akronim.
- <address> : Mendefinisikan kontak atau alamat penulis
- <area> : mendefinisikan area map
- <article> : mendefinisikan artikel
- <aside> : Mendefinisikan bagian dari halaman yang tidak berkaitan dengan konten.
- <audio> : menambahkan file audio
- <b> : mendefinisikan teks tebal
- <base> : mendefinisikan "base url" yang akan ditambahkan ke semua alamat relatif.
- <bdi> : memisahkan teks yang arah penulisannya mungkin berbeda.
- <bdo> : mengubah arah teks.
- <blockquote> : mendefinisikan teks sebagai kutipan dari sumber lain.
- <body> : Mendefinisikan "body" dari dokumen.
- <br / > : Menambahkan satu baris kosong
- <button> : Menampilkan tombol yang bisa diklik.
- <canvas> : Digunakan untuk menggambar grafik via bahasa scripting, biasanya javascript.
- <cite> : Mendefunisikan judul pekerjaan.
- <code> : mendefinisikan kode program.
- <col> : Mendefinisikan kolom yang jadi bagian dari <colgroup>
- <colgroup> : mengelompokkan kolom di dalam tabel.
- <data> : mendefinisikan nama produk sekaligus kode yang bisa diterjemahkan oleh mesin.
- <datalist> : mendefinisikan daftar yang bisa dipilih. Kegunaannya mirip dengan select yang datanya bisa dipilih dengan ketikan.
- <dd> : berisi deskripsi dari kata yang terdapat dalam tag <dl>.
- <del> : Mendefinisikan teks yang dihapus dari dokumen.
- <dfn> : menandai kata yang akan didefinisikan di dalam konten.
- <dialog> menampilkan dialog box sederhana.
- <div> : mengelompokkan tag di dalam html.
- <dl> : menampilkan daftar kata beserta dengan definisinya.
- <dt> : menunjukkan istilah yang akan diberi definisi di dalam tag <dl>.
- <em> : mendefenisikan isi teks yang perlu diberi penekanan.
- <embed> : menempelkan file eksternal ke dalam dokumen. File bisa berupa gambar, musik, video, halaman HTML, atau plugin dari aplikasi.
- <field> : mengelompokkan elemen HTML di dalam form.
- <figcaption> : memberikan caption dalam tag <figure>
- <figure> : Menandai content dengan judul / caption tertentu.
- <footer> : Menandai bagian footer pada dokumen.
- <form> : Mendefinisikan form HTML yang berisi sekumpulan input.
- <h1> s.d. <h6> : Mendefinisikan heading dengan ketebalan yang berbeda-beda.
- <head> : Bagian dokumen yang berisi informasi metadata dan setting dari dokumen.
- <header> : mendefinisikan header dalam dokumen.
- <HR> : menampilkan garis yang menunjukan perpindahan tematik dalam dokumen.
- <HTML> : mendefinisikan dokumen HTML.
- <i> : Mendefinisikan teks italic / miring.
- <iframe> : Mendefinisikan frame yang bisa berisi dokumen HTML lain.
- <img> : Menampilkan gambar.
- <input> : mendefinisikan input dalam <form>.
- <ins> : Mendefinisikan teks yang sudah dimasukkan ke dalam dokumen.
- <kbd> : Mendefinisikan input dari keyboard.
- <label> : mendefinisikan label untuk <input> atau isi form lainnya.
- <legend> : Mendefinisikan caption untuk elemen <fieldset>
- <li> : Mendefinisikan item dalam daftar. Tag ini digunakan dalam <ul> dan <ol>.
- <link> : Menghubungkan dokumen dan file eksternal. Biasa digunakan untuk menghubungkan dokumen dengan css eksternal.
- <main> : Mendefinisikan bagian utama dari dokumen.
- <map> : Mendefinisikan map / peta dari sebuah tag <img> atau image lainnya.
- <mark> : Mendefinisikan teks yang harus ditandai atau diberi highlight.
- <meta> : Mendefinisikan metadata dari dokumen.
- <meter> : Mendefinisikan ukuran skalar dengan rentang tertentu.
- <nav> : mendefinisikan kelompok link untuk navigasi.
- <noscript> : menampilkan teks jika browser tidak mendukung script, atau saat script dinonaktifkan.
- <object> : mendefinisikan kontainer untuk aplikasi eksternal. Tag ini awalnya ditujukan untuk menampilkan plugin dari browser seperti flash dan activex control.
- <ol> : menampilkan daftar yang memiliki penomoran atau urutan berdasarkan huruf.
- <optgroup> : mendefinisikan kelompok tag <option> dalam dropdown list, terutama dalam tag <select>.
- <option> : mendefinisikan pilihan dalam dropdown list, terutama dalam tag <select>.
- <output> : mendefinisikan hasil perhitungan.
- <p> : mendefinisikan paragraf.
- <picture> mendefinisikan kontainer untuk beberapa gambar yang ditampilkan salah satunya dengan syarat tertentu.
- <param> : mendefinisikan parameter dari tag <object>.
- <pre> : mendefinisikan teks "apa adanya".
- <progress> : menampilkan progress bar.
- <q> : mendefinisikan kutipan pendek.
- <rp> : mendefinisikan apa yang ditampilkan jika browser tidak mendukung anotasi ruby.
- <rt> : mendefinisikan pelafalan atau penjelasan untuk huruf / karakter asia timur.
- <ruby> : mendefinisikan anotasi ruby ( untuk tipografi asia timur).
- <template>
- <s> : mendefinisikan teks yang dicoret / tidak tepat.
- <sample> : mendefinisikan contoh output dari kode program.
- <script> : mendefinisikan script untuk client-side.
- <section> : mendefinisikan bagian-bagian terluar dari dokumen.
- <select> : mendefinisikan dropdown-list.
- <small> :mendefinisikan teks berukuran kecil.
- <source> : mendefinisikan sumber atau file yang digunakan tag <picture, <video>, atau <audio>.
- <span> : mendefinisikan bagian-bagian pendek dari dokumen.
- <strong> : mendefinisikan teks yang dinilai penting.
- <style> : mendefinisikan style css untuk dokumen html.
- <sumary> : mendefinisikan heading yang terlihat untuk tag <detail>.
- <sub> : mendefinisikan teks subscript, misalnya angka dalam senyawa kimia.
- <sup> : mendefinisikan teks superscript, misalnya kuadrat atau pangkat.
- <svg> : mendefinisikan kontainer untuk grafik berformat svg.
- <table> : menampilkan tabel.
- <tbody> : Bagian tengah / body dari tabel
- <td> : mendefinisikan kolom tabel
- <template> : menampilkan bagian dokumen yang disembunyikan saat halaman dimuat. Gunakan javascript untuk menampilkannya.
- <textarea> : menampilkan input yang bisa menerima beberapa baris teks.
- <tfoot> : mendefinisikan bagian bawah / footer dari tabel.
- <th> : mendefinisikan kolom header. Tag th menampilkan isi kolom dengan teks bold / tebal.
- <thead> : mendefinisikan bagian atas / head dari tabel.
- <time> : mendefinisikan waktu secara spesifik.
- <title> : mendefinisikan judul dokumen yang ditampilkan di title bar atau sebagai nama tab.
- <tr> : mendefinisikan baris dari tabel.
- <track> : menampilkan track berupa caption, subtitle, atau file lain yang berisi teks saat video atau audio dimainkan. Tag ini digunakan dalam <video> atau <audio>
- <u> : mendefinisikan teks bergaris bawah.
- <ul> : mendefinisikan daftar yang tidak menggunakan penomoran. Isi daftar ditandai dengan bullet.
- <var> : mendefinisikan variabel
- <video> : Menampilkan video
- <wbr> : mendefinisikan bagian dari teks yang bisa diberikan linebreak atau pindah baris.
Deprecated Elements
Beberapa elemen HTML sudah atau mulai dianggap usang sehingga mulai ditinggalkan. Penyebabnya bisa karena elemen tersebut sudah bisa digantikan dengan properti CSS, sudah digantikan oleh tag lain, atau karena ada yang lain untuk mendapatkan hasil sejenis. Sekalipun mulai ditinggalkan, beberapa elemen HTML tersebut masih bisa digunakan di beberapa browser.
- <applet> : menampilkan applet java. Penggunaan applet sudah mulai ditinggalkan dengan banyaknya fitur baru di HTML5 yang bisa menggantikannya. Jika kalian masih ingin menggunakan applet, kalian bisa menggunakan tag <object> atau <embed>.
- <acronym> : menampilkan akronim. Tag ini bisa digantikan dengan tag <abbr>
- <font> dan <basefont> : menetukan pewarnaan dan jenis huruf. Hal serupa bisa dilakukan dengan beberapa properti CSS.
- <big> : mendefinisikan teks berukuran besar. Perubahan ukuran huruf bisa dilakukan dengan CSS.
- <center> : rata tengah. Perataan teks bisa dilakukan dengan menggunakan properti text-align di CSS.
- <dir> : mendefinisikan daftar direktori. Kalian bisa menggunakan tag <ul>.
- <frame>, <noframe>, dan <frameset> : frame yang berisi dokumen HTML eksternal. Frame tunggal bisa dibuat dengan menggunakan <iframe>. Beberapa frame di satu halaman bisa diatur letaknya dengan tag div dan beberapa properti CSS.
- <strike> : Mencoret teks. Kalian bisa menggunakan <del> atau <s>. Selain itu kalian bisa juga menggunakan CSS.
- <tt> : mendefinisikan teks teletype.