Kamus HTML


Daftar referensi elemen Semantic pada HTML yang dikelompokkan menurut kategori fungsinya.



HTML Dasar

<!DOCTYPE>
Mendefinisikan informasi tipe dokumen
<html>
Mendefinisikan root dari suatu dokumen HTML
<head>
Digunakan untuk memberikan informasi tentang dokumen tersebut
<title>
Membuat judul untuk dokumen HTML
<body>
Mendefinisikan body/isi dokumen HTML, berfungsi untuk menentukan bagaimana isi suatu dokumen ditampilkan di web browsernya. Isi dokumen tersebut dapat berupa teks, gambar, animas, link dan seterusnya
<h1> to <h6>
Digunakan untuk menunjukkan awal dari suatu header/judul dari dokumen HTML tersebut.
<p>
Membuat sebuah paragraf
<br />
Memberi baris baru/pindah baris
<hr />
Membuat garis horisontal
<!-- ... -->
Digunakan untuk memberi sebuah komentar atau keterangan. Kalimat yang terletak pada kontiner ini tidak akan terlihat pada browser

Pemformatan

<abbr>
Digunakan untuk menguraikan satu ungkapan yang disingkat dan Anda dapat memberikan informasi bermanfaat kepada penelusur-penulusur page source(halaman sumber kode) / pembaca layar, sistem terjemahan dan mesin pencari yang berasal dari singkatan yang sudah diuraikan, tetapi saat di browser uraian tersebut tidak akan tampil dan hanya sebagai informasi saja
<acronym>
Mendefinisikan akronim / fungsi tag ini kurang lebih sama dengan tag <abbr>
<address>
Mendefinisikan informasi kontak untuk penulis/pemilik dokumen
<b>
Membuat teks tebal
<bdi>
Mengisolasi bagian teks yang mungkin diformat dalam arah yang berbeda dari teks lain di luarnya
<bdo>
Digunakan untuk menimpa arah teks
<big>
Memperbesar ukuran teks sebesar satu point dari defaultnya
<blink>
Membuat teks berkedip
<blockquote>
Mendefinisikan sebuah kutipan panjang. Pada saat di browser teks akan tampil menjorok kedalam
<cite>
Mendefinisikan kutipan
<code>
Mendefinisikan sebuah bagian dari kode komputer
<del>
Untuk memberi garis tengah pada teks/mencoret teks
<dfn>
Mendefinisikan sebuah istilah definisi
<em>
Membuat teks miring. Fungsi tag ini sama dengan tag <i> tetapi tag <em> yang lebih dianjurkan/ditekankan pada penggunaan untuk teks miring
<i>
Membuat teks miring
<ins>
Membuat teks bergaris bawah
<kbd>
Mendefinisikan teks yang di input dari keyboard
<mark>
Mendefinisikan teks yang ditandai/disorot
<marquee>
Membuat teks berjalan secara vertikal atau horisontal
<meter>
Menentukan pengukuran skalar dalam rentang yang diketahui (pengukur / gauge)
<pre>
Membuat teks dengan ukuran huruf yang sama
<q>
Mendefinisikan sebuah kutipan singkat
<s>
Untuk memberi garis tengah pada teks/mencoret teks, fungsi tag ini sama dengan tag <del> tetapi tag <s> tidak dianjurkan sebagai gantinya menggunakan tag <del>
<samp>
Mendefinisikan contoh keluaran dari program komputer
<small>
Memperkecil ukuran teks dari ukuran defaultnya
<strike>
Untuk memberi garis tengah pada teks/mencoret teks, fungsi tag ini sama dengan tag <del>
<strong>
Membuat teks tebal, fungsi tag ini sama dengan tag <b>
<sub>
Memberikan efek subscript pada teks
<sup>
Memberikan efek superscript pada teks
<time>
Menentukan tanggal / waktu
<u>
Membuat teks bergaris bawah, fungsi tag ini sama dengan tag <ins> tetapi tag <u> tidak dianjurkan untuk kategori HTML text formatting melainkan termasuk kategori HTML Style
<var>
Mendefinisikan sebuah variabel
<wbr>
Mendefinisikan kemungkinan baris baru

Formulir dan input

<form>
Mendefinisikan sebuah form HTML untuk input form
<input />
Mendefinisikan input field pada form
<textarea>
Mendefinisikan sebuah kontrol input multiline
<button>
Mendefinisikan sebuah tombol diklik
<select>
Membuat daftar drop-down
<optgroup>
Menampilkan beberapa pilihan yang sudah dikelompokkan dalam bentuk sebuah daftar drop-down
<option>
Menampilkan beberapa pilihan yang berbentuk dalam sebuah daftar drop-down
<label>
Mendefinisikan label untuk sebuah elemen <input>
<fieldset>
Untuk mengelompokkan elemen-elemen yang terkait dalam form / membuat seperti frame-box di dalam form
<legend>
Mendefinisikan sebuah caption untuk elemen <fieldset>
<datalist>
Menentukan daftar opsi yang telah ditentukan untuk kontrol input
<output>
Menentukan hasil perhitungan

Bingkai / Frame

<frame />
Mendefinisikan frame dalam fremeset
<frameset>
Mendefinisikan satu set frame
<iframe>
Mendefinisikan sebuah inline frame
<img />
Berfungsi untuk menampilkan gambar pada dokumen HTML
<noframes>
Jika browser user tidak mendukung frame

Gambar / Images

<img>
Menentukan gambar
<map>
Menentukan peta gambar sisi klien
<area>
Menentukan area di dalam peta-gambar
<canvas>
Digunakan untuk menggambar grafik, dengan cepat, melalui scripting (biasanya JavaScript)
<figcaption>
Menentukan keterangan untuk elemen <figure>
<figure>
Menentukan konten mandiri
<picture>
Menentukan wadah untuk banyak sumber gambar
<svg>
Menentukan wadah untuk grafik SVG

Audio / Video

<audio>
Menentukan konten suara
<source>
Menentukan banyak sumber daya media untuk elemen media (<video>, <audio> dan <picture>)
<track>
Menentukan trek teks untuk elemen media (<video> dan <audio>)
<video>
Menentukan video atau film

Tautan / Link

<a>
Mendefinisikan sebuah anchor, tetapi lebih tepat jika diartikan sebagai tautan dikarenakan tautan ini digunakan untuk saling menautkan antara satu dokumen HTML ke dokumen HTML yang lain
<link>
Mendefinisikan hubungan antara dokumen dan sumber eksternalnya
<nav>
Mendefinisikan tautan navigasi

Daftar / List

<ol>
Mendefinisikan daftar dalam format penomoran
<ul>
Mendefinisikan daftar dalam format bullet
<li>
Digunakan untuk menampilkan informasi dalam bentuk item daftar
<dl>
Mendefinisikan sebuah daftar definisi
<dt>
Mendefinisikan istilah (item) dalam daftar definisi
<dd>
Mendefinisikan deskripsi dari item dalam daftar definisi

Tabel

<table>
Membuat tabel
<caption>
Membuat caption pada tabel
<th>
Mendefinisikan sel header di dalam sebuah tabel
<tr>
Membuat baris di dalam sebuah tabel
<td>
Mendefinisikan sel di dalam sebuah tabel
<thead>
Untuk mengelompokkan isi header di dalam sebuah tabel
<tbody>
Untuk mengelompokkan isi body di dalam sebuah tabel
<tfoot>
Untuk mengelompokkan isi footer di dalam sebuah tabel
<col />
Mendefinisikan nilai atribut dari satu kolom atau lebih dalam sebuah tabel
<colgroup>
Menentukan kelompok dari satu kolom atau lebih dalam sebuah tabel untuk performatan

Style dan Semantic

<style>
Mendefinisikan informasi style untuk dokumen HTML
<div>
Mendefinisikan sebuah section dalam dokumen
<span>
Mendefinisikan sebuah section dalam dokumen
<header>
Mendefinisikan sebuah header atau section dalam dokumen
<footer>
Mendefinisikan sebuah footer atau section dalam dokumen
<main>
Mendefinisikan sebuah main atau section dalam dokumen
<section>
Mendefinisikan sebuah section dalam dokumen
<article>
Mendefinisikan sebuah article dalam dokumen
<aside>
Mendefinisikan sebuah aside dari konten dalam dokumen
<details>
Menentukan detail tambahan yang dapat dilihat atau disembunyikan pengguna
<dialog>
Menentukan kotak dialog atau jendela
<summary>
Menentukan heading yang terlihat untuk elemen <details>
<data>
Menautkan konten yang diberikan dengan terjemahan yang dapat dibaca mesin

Informasi Meta

<head>
Menentukan informasi tentang dokumen
<meta>
Menentukan metadata tentang dokumen HTML
<base>
Mendefinisikan URL dasar/target untuk semua URL relatif dalam dokumen

Pemrograman

<script>
Mendefinisikan client-side script
<noscript>
Jika browser user tidak mendukung client-side scripts
<embed>
Digunakan untuk memasukkan file video atau file musik
<object>
meletakkan embed sebuah objek
<param />
Mendefinisikan sebuah parameter untuk objek


Sumber : w3schools.com