Kumpulan Lengkap Tag HTML beserta fungsinya

HTML merupakan singkatan dari HyperText Markup Language. HyperText berarti menggunakan bagian HTTP dari Internet. Markup berarti kode yang Anda tulis ditandai dengan kata kunci. Language artinya dapat dibaca oleh manusia dan komputer. Seperti bahasa pada umumnya, HTML dilengkapi dengan berbagai aturan. Aturan-aturan ini relatif sederhana yang digunakan untuk mendefinisikan dan mengetahui awalan beserta akhiran code.

Contohnya:

<p> Ngeblog di kuliahkomputer.com </p>

Apa yang kamu lihat dalam kurung sudut < dan > adalah tag HTML. Tag tersebut menentukan di mana sesuatu dimulai dan di mana itu berakhir. Masing-masing membawa makna tertentu. Dalam hal ini, p adalah singkatan dari paragraf.

Mereka biasanya berpasangan:

     tag pembuka <p> menentukan awal paragraf
     tag penutup </p> menentukan akhirnya

Satu-satunya perbedaan antara tag pembuka dan penutup adalah garis miring / yang mendahului nama tag.

Jika kamu melihat sampel ini di browser Anda, Anda akan melihat bahwa tag HTML tidak ditampilkan oleh browser. Mereka hanya dibaca oleh browser untuk mengetahui jenis konten apa yang Anda tulis.

Agar file teks seperti itu menjadi dokumen HTML (alih-alih dokumen teks), kamu perlu menggunakan ekstensi .html. Gunakan editor teks seperti Sublime Text untuk membuat dokumen HTML dan gunakan browser seperti Firefox untuk membuka dokumen HTML.

Berikut ini Kumpulan Syntax lengkapnya:

Tag	Keterangan
<!-- ... -- >	Digunakan untuk memberi sebuah komentar atau keterangan. Kalimat yang terletak pada kontiner ini tidak akan terlihat pada browser
<!DOCTYPE>	Mendefinisikan informasi tipe dokumen
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
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
applet	Digunakan untuk memasukan file java kedalam dokumen HTML
area	Mendefinisikan daerah yang dapat diklik (link) pada peta gambar
b	Membuat teks tebal
base	Mendefinisikan URL dasar/target untuk semua URL relatif dalam dokumen
basefont	Membuat atribut teks default, seperti warna, ukuran, jenis font untuk semua teks dalam dokumen
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
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
br	Memberi baris baru/pindah baris
button	Mendefinisikan sebuah tombol diklik
caption	Membuat caption pada tabel
center	Untuk perataan tengah terhadap teks atau gambar
cite	Mendefinisikan kutipan
code	Mendefinisikan sebuah bagian dari kode komputer
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
dd	Mendefinisikan deskripsi dari item dalam daftar definisi
del	Untuk memberi garis tengah pada teks/mencoret teks
dfn	Mendefinisikan sebuah istilah definisi
dir	Mendefinisikan sebuah daftar direktori
div	Mendefinisikan sebuah section dalam dokumen
dl	Mendefinisikan sebuah daftar definisi
dt	Mendefinisikan istilah (item) dalam daftar definisi
em	Membuat teks miring. Fungsi tag ini sama dengan tag i tetapi tag em yang lebih dianjurkan/ditekankan pada penggunaan untuk teks miring
embed	Digunakan untuk memasukkan file video atau file musik
fieldset	Untuk mengelompokkan elemen-elemen yang terkait dalam form / membuat seperti frame-box di dalam form
font	Mendefinisikan jenis font, warna dan ukuran untuk teks
form	Mendefinisikan sebuah form HTML untuk input form
frame	Mendefinisikan frame dalam fremeset
frameset	Mendefinisikan satu set frame
h1 to h6	Digunakan untuk menunjukkan awal dari suatu header/judul dari dokumen HTML tersebut.
head	Digunakan untuk memberikan informasi tentang dokumen tersebut
hr	Membuat garis horisontal
html	Mendefinisikan root dari suatu dokumen HTML
i	Membuat teks miring
iframe	Mendefinisikan sebuah inline frame
img	Berfungsi untuk menampilkan gambar pada dokumen HTML
input	Mendefinisikan input field pada form
ins	Membuat teks bergaris bawah
kbd	Mendefinisikan teks yang di input dari keyboard
label	Mendefinisikan label untuk sebuah elemen input
legend	Mendefinisikan sebuah caption untuk elemen fieldset
li	Digunakan untuk menampilkan informasi dalam bentuk item daftar
link	Mendefinisikan hubungan antara dokumen dan sumber eksternalnya
listing	Fungsi tag ini sama dengan tag pre dan dianjurkan menggunakan tag pre karena tag listing tidak layak/diprotes
map	Mendefinisikan client-side peta gambar
marquee	Membuat teks berjalan secara vertikal atau horisontal
menu	Mendefinisikan sebuah daftar menu
meta	Mendefinisikan metadata tentang sebuah dokumen HTML
nobr	Mencegah ganti baris pada teks atau gambar
noframes	Jika browser user tidak mendukung frame
noscript	Jika browser user tidak mendukung client-side scripts
object	meletakkan embed sebuah objek
ol	Mendefinisikan daftar dalam format penomoran
optgroup	Menampilkan beberapa pilihan yang sudah dikelompokkan dalam bentuk sebuah daftar drop-down
option	Menampilkan beberapa pilihan yang berbentuk dalam sebuah daftar drop-down
p	Membuat sebuah paragraf
param	Mendefinisikan sebuah parameter untuk objek
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
script	Mendefinisikan client-side script
select	Membuat daftar drop-down
small	Memperkecil ukuran teks dari ukuran defaultnya
span	Mendefinisikan sebuah section dalam dokumen
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
style	Mendefinisikan informasi style untuk dokumen HTML
sub	Memberikan efek subscript pada teks
sup	Memberikan efek superscript pada teks
table	Membuat tabel
tbody	Untuk mengelompokkan isi body di dalam sebuah tabel
td	Mendefinisikan sel di dalam sebuah tabel
textarea	Mendefinisikan sebuah kontrol input multiline
tfoot	Untuk mengelompokkan isi footer di dalam sebuah tabel
th	Mendefinisikan sel header di dalam sebuah tabel
thead	Untuk mengelompokkan isi header di dalam sebuah tabel
title	Membuat judul untuk dokumen HTML
tr	Membuat baris di dalam sebuah tabel
tt	Mendefinisikan teletype text
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
ul	Mendefinisikan daftar dalam format bullet
var	Mendefinisikan sebuah variabel
xmp	Mendefinisikan preformatted text, fungsi tag ini sama dengan tag pre

Semoga bermanfaat