hay teman teman masih bersama saya HoirulHusen admin dari idCoder404.blogspot.com berjumpa lagi, pada artikel sebelumnya saya telah membuat artikel tentang Basic / Dasar HTML pada kesempatan kali ini kita akan membahas mengenai Tag Tag pada html.
Untuk tag tag yang terdapat pada HTML sebenarnya lumayan cukup banyak, jadi untuk teman teman jangan pusing dengan banyaknya tag tag tersebut, setidaknya teman teman tau dulu tag tag pada HTML. Untuk itu teman teman tidak perlu menghafal setiap tag tag pada HTML, yang perlu hanya memahami setiap fungsi dari tag HTML.
OK, langsung saja brikut adalah Kumpulan tag tag HTML :
Kumpulan Tag Tag HTML.
Tag
|
Penjelasan
|
|
<!--...-->
|
Mendefinisikan Komentar
|
|
<!DOCTYPE>
|
Mendefinisikan tipe atau jenis
dokumen
|
|
<a>
|
Mendefinisikan hyperlink
|
|
<abbr>
|
Mendefinisikan sebuah singkatan
atau akronim
|
|
<acronym>
|
Tag ini tidak didukung pada HTML5.
Gunakan <abbr> sebagai penggantinya pada HTML5. Mendefinisikan akronim
|
|
<address>
|
Mendefinisikan informasi kontak
penulis atau pemilik dokumen
|
|
<applet>
|
Tag ini tidak didukung pada HTML5.
Gunakan <embed> atau <object> sebagai penggantinya pada HTML5. Mendefinisikan
embedded applet
|
|
<area>
|
Mendefinisikan sebuah area didalam
image-map
|
|
V.5
|
<article>
|
Mendefinisikan sebuah artikel
|
V.5
|
<aside>
|
Mendefinisikan selain dari konten
halaman
|
V.5
|
<audio>
|
Mendefinisikan konten suara
|
<b>
|
Mendefinisikan teks bold atau
cetak tebal
|
|
<base>
|
Menentukan basis URL atau target
untuk semua URL relatif dalam dokumen
|
|
<basefont>
|
Tag ini tidak didukung pada HTML5.
Gunakan CSS sebagai penggantinya pada HTML5. Menentukan warna default,
ukuran, dan font untuk semua teks dalam dokumen
|
|
V.5
|
<bdi>
|
Isolat bagian teks yang mungkin
diformat dalam arah yang berbeda dari teks lain di luar itu sendiri
|
<bdo>
|
Mengganti arah teks saat ini
|
|
<big>
|
Tag ini tidak didukung pada HTML5.
Gunakan CSS sebagai penggantinya pada HTML5. Mendefinisikan teks besar
|
|
<blockquote>
|
Mendefinisikan bagian yang dikutip
dari sumber lain
|
|
<body>
|
Mendefinisikan tubuh atau badan
dokumen
|
|
<br>
|
Mendefinisikan satu baris tunggal
atau sama dengan fungsi enter
|
|
<button>
|
Mendefinisikan sebuah tombol
|
|
V.5
|
<canvas>
|
Digunakan untuk menggambar grafik,
dengan cepat, melalui scripting (biasanya JavaScript)
|
<caption>
|
Mendefinisikan caption dari sebuah
tabel
|
|
<center>
|
Tag ini tidak didukung pada HTML5.
Gunakan CSS sebagai penggantinya pada HTML5. Mendefinisikan teks yang
posisinya berada ditengah
|
|
<cite>
|
Mendefinisikan Judul karya
|
|
<code>
|
Mendefinisikan bagian dari code
pada komputer
|
|
<col>
|
Menentukan sifat kolom untuk
setiap kolom dalam <colgroup> element
|
|
<colgroup>
|
Menentukan kelompok dari satu atau
lebih kolom dalam sebuah tabel untuk memformat
|
|
V.5
|
<datalist>
|
Menentukan daftar pilihan yang
telah ditentukan untuk kontrol input
|
<dd>
|
Mendefinisikan deskripsi / nilai
istilah dalam daftar deskripsi
|
|
<del>
|
Mendefinisikan teks yang telah
dihapus dari dokumen
|
|
V.5
|
<details>
|
Mendefinisikan rincian tambahan
bahwa pengguna dapat melihat atau menyembunyikan
|
<dfn>
|
Merupakan contoh mendefinisikan
istilah
|
|
V.5
|
<dialog>
|
Mendefinisikan sebuah kotak dialog
atau jendela
|
<dir>
|
Tag ini tidak didukung pada HTML5.
Gunakan <ul> sebagai penggantinya pada HTML5. Mendefinisikan daftar
direktori
|
|
<div>
|
Mendefinisikan sebuah bagian dalam
sebuah dokumen
|
|
<dl>
|
Mendefinisikan daftar deskripsi
|
|
<dt>
|
Mendefinisikan istilah / nama
dalam daftar deskripsi
|
|
<em>
|
Mendefinisikan menekankan teks
|
|
V.5
|
<embed>
|
Mendefinisikan sebuah wadah untuk
eksternal (non-HTML) aplikasi
|
<fieldset>
|
Sebauh Grup untuk pengelompokan
dalam form
|
|
V.5
|
<figcaption>
|
Mendefinisikan sebuah caption
untuk <figure> element
|
V.5
|
<figure>
|
Menentukan konten mandiri
|
<font>
|
Tag ini tidak didukung pada HTML5.
Gunakan CSS sebagai penggantinya pada HTML5. Mendefinisikan font, warna, dan
ukuran dari sebuah teks
|
|
V.5
|
<footer>
|
Mendefinisikan sebuah footer dari
sebuah dokumen atau section
|
<form>
|
Mendefinisikan sebuah form HTML
untuk input pengguna
|
|
<frame>
|
Tag ini tidak didukung pada HTML5.
Mendefinisikan sebuah jendela (frame) dalam sebuah frameset
|
|
<frameset>
|
Tag ini tidak didukung pada HTML5.
Mendefinisikan sebuah satu set frames
|
|
<h1> sampai <h6>
|
Mendefinisikan headings pada HTML
|
|
<head>
|
Mendefinisikan informasi tentang
dokumen
|
|
V.5
|
<header>
|
Mendefinisikan sebuah header untuk
dokumen atau bagian dokumen
|
<hr>
|
Mendefinisikan perubahan tematik
dalam konten atau memberikan garis pada dokumen
|
|
<html>
|
Mendefinisikan root dari sebuah
dokumen HTML
|
|
<i>
|
Mendefinisikan sebuah bagian dari
teks dengan suara alternatif atau suasana hati
|
|
<iframe>
|
Mendefinisikan sebuah frame inline
|
|
<img>
|
Mendefinisikan sebuah image
|
|
<input>
|
Mendefinisikan sebuah input
control
|
|
<ins>
|
Mendefinisikan teks yang telah
dimasukkan ke dalam dokumen
|
|
<kbd>
|
Mendefinisikan input keyboard
|
|
V.5
|
<keygen>
|
Mendefinisikan sebuah key-pair
generator field (for forms)
|
<label>
|
Mendefinisikan sebuah
label dari sebuah <input> element
|
|
><legend>
|
Mendefinisikan sebuah caption dari
sebuah <fieldset> element
|
|
<li>
|
Mendefinisikan sebuah daftar item
|
|
<link>
|
Mendefinisikan hubungan antara
dokumen dengan sumber daya eksternal (digunakan untuk link ke style sheet)
|
|
V.5
|
<main>
|
Menentukan konten utama dari
dokumen
|
<map>
|
Mendefinisikan client-side
image-map
|
|
V.5
|
<mark>
|
Mendefinisikan ditandai / teks
yang disorot
|
<menu>
|
Mendefinisikan daftar / menu
perintah
|
|
V.5
|
<menuitem>
|
Mendefinisikan item perintah /
menu bahwa pengguna dapat memanggil dari menu popup
|
<meta>
|
Mendefinisikan metadata tentang
sebuah dokumen HTML
|
|
V.5
|
<meter>
|
Mendefinisikan pengukuran skalar
dalam kisaran dikenal (gauge)
|
V.5
|
<nav>
|
Mendefinisikan navigasi untuk
links
|
<noframes>
|
Tag ini tidak didukung pada HTML5.
Mendefinisikan sebuah konten alternatif untuk pengguna yang tidak mendukung
frame
|
|
<noscript>
|
Mendefinisikan sebuah konten
alternatif untuk pengguna yang tidak mendukung script sisi klien
|
|
<object>
|
Mendefinisikan sebuah embedded
objek
|
|
<ol>
|
Mendefinisikan sebuah daftar
tersusun
|
|
<optgroup>
|
Mendefinisikan sekelompok opsi
terkait dalam daftar drop-down
|
|
<option>
|
Mendefinisikan sebuah option dari
sebuah daftar drop-down
|
|
V.5
|
<output>
|
Mendefinisikan hasil dari sebuah
perhitungan
|
<p>
|
Mendefinisikan sebuah paragraph
|
|
<param>
|
Mendefinisikan sebuah parameter
untuk sebuah object
|
|
<pre>
|
Mendefinisikan teks preformatted
|
|
V.5
|
<progress>
|
Menggambarkan kemajuan tugas
|
<q>
|
Mendefinisikan sebuah kutipan
singkat
|
|
V.5
|
<rp>
|
Mendefinisikan apa yang harus
ditampilkan di browser yang tidak mendukung penjelasan ruby
|
V.5
|
<rt>
|
Mendefinisikan sebuah penjelasan /
pengucapan karakter (untuk tipografi Asia Timur)
|
V.5
|
<ruby>
|
Mendefinisikan sebuah penjelasan
ruby (untuk tipografi Asia Timur)
|
<s>
|
Mendefinisikan teks yang sudah
tidak benar
|
|
<samp>
|
Mendefinisikan contoh output dari
program komputer
|
|
<script>
|
Mendefinisikan sebuah script dari
sisi klien
|
|
V.5
|
<section>
|
Mendefinisikan sebuah section
didalam sebuah dokumen
|
<select>
|
Mendefinisikan sebuah daftar
drop-down
|
|
<small>
|
Mendefinisikan teks kecil
|
|
V.5
|
<source>
|
Mendefinisikan lebih dari satu
sumber media untuk elemen media seperti (<video> dan <audio>)
|
<span>
|
Mendefinisikan sebuah section
didalam sebuah dokumen
|
|
<strike>
|
Tag ini tidak didukung pada HTML5.
Gunakan <del> atau <s> sebagai penggantinya pada HTML5. Mendefinisikan
teks strikethrough
|
|
<strong>
|
Mendefinisikan teks yang penting
|
|
<style>
|
Mendefinisikan informasi style
untuk sebuah dokumen
|
|
<sub>
|
Mendefinisikan teks subscripted
|
|
V.5
|
<summary>
|
Mendefinisikan sebuah judul yang
terlihat dalam sebuah <details> element
|
<sup>
|
Mendefinisikan teks superscripted
|
|
<tabel>
|
Mendefinisikan sebuah tabel
|
|
<tbody>
|
Grup isi tubuh dalam sebuah tabel
|
|
<td>
|
Mendefinisikan sebuah cell didalam
sebuah tabel
|
|
<teksarea>
|
Mendefinisikan sebuah input
control multiline atau teks area
|
|
<tfoot>
|
Grup isi footer dalam sebuah tabel
|
|
<th>
|
Mendefinisikan sebuah header cell
didalam sebuah tabel
|
|
<thead>
|
Grup header dalam sebuah tabel
|
|
V.5
|
<time>
|
Mendefinisikan sebuah tanggal atau
waktu
|
<title>
|
Mendefinisikan sebuah title untuk
dokumen
|
|
<tr>
|
Mendefinisikan sebuah row didalam
sebuah tabel
|
|
V.5
|
<track>
|
Mendefinisikan trek teks untuk
elemen media yang (<video> dan <audio>)
|
V.5
|
<tt>
|
Tag ini tidak didukung pada HTML5.
Gunakan CSS sebagai penggantinya pada HTML5. Mendefinisikan teletype teks
|
<u>
|
Mendefinisikan teks yang harus
berbeda dari teks biasa
|
|
<ul>
|
Mendefinisikan sebuah unordered
list
|
|
<var>
|
Mendefinisikan sebuah variable
|
|
V.5
|
<video>
|
Mendefinisikan sebuah video atau
movie
|
V.5
|
<wbr>
|
Mendefinisikan sebuah kemungkinan
line-break
|
Yak, diatas adalah Kumpulan dari tag tag HTML, untuk versi HTML sekarang sudah versi ke-5 dan di versi HTML5 sekarang terdapat fitur tambahan dan juga ada fitur HTML sebelumnya yang dihapus atau tidak digunakan lagi.
Untuk daftar fitur terbaru HTML5 brikut tablenya :
Tag
|
Description
|
<article>
|
Mendefinisikan
suatu artikel
|
<aside>
|
Mendefinisikan
konten tak hanya dari konten halaman/post
|
<audio>
|
Mendefinisikan
konten audio
|
<canvas>
|
dipakai
untuk menggambar grafik, on the fly, melalui scripting (JavaScript biasanya)
|
<command>
|
Mendefinisikan
tombol perintah untuk Bisa memanggil
|
<details>
|
Mendefinisikan
rincian tambahan bahwa pemakai Bisa melihat atau menyembunyikan
|
<datalist>
|
Menentukan
daftar pilihan standar untuk kontrol input
|
<embed>
|
Mendefinisikan
suatu wadah untuk software eksternal (non-HTML)
|
<header>
|
Mendefinisikan
suatu dokumen atau bagian header
|
<figure>
|
Menentukan konten Berdikari
|
<footer>
|
Mendefinisikan
suatu dokumen atau bagian footer
|
<hgroup>
|
Groups
heading (<h1> to <h6>) elemen
|
<mark>
|
Mendefinisikan
teks yang ditandai / disorot
|
<output>
|
Mendefinisikan
hasil penghitungan
|
<source>
|
Mendefinisikan
beberapa sumber media untuk elemen media (<video> dan <audio>)
|
<summary>
|
Mendefinisikan
suatu visible heading untuk elemen <details>
|
<time>
|
Mendefinisikan
tanggal / masa
|
<video>
|
Mendefinisikan
suatu video atau film
|
<section>
|
Mendefinisikan
bagian dalam dokumen
|
Untuk fitur yang tidak digunakan lagi atau dihapus pada HTML5 adalah. brikut tablenya :
Tag
|
Description
|
<acronym>
|
Mendefinisikan
suatu akronim
|
<basefont>
|
Menentukan
warna standar, ukuran, dan font untuk seluruh teks dalam dokumen
|
<big>
|
Mendefinisikan
ukuran teks besar
|
<center>
|
Mendefinisikan
posisi teks dicenter
|
<dir>
|
Mendefinisikan
direktori list
|
<font>
|
Mendefinisikan
font, warna, dan ukuran untuk teks
|
<frame>
|
Mendefinisikan
suatu window (frame) dalam suatu frameset
|
<frameset>
|
Mendefinisikan
satu set frame
|
<strike>
|
Mendefinisikan
teks strikethrough
|
<noframes>
|
Mendefinisikan
suatu konten pilihan untuk pemakai bahwa konten tak mendukung frame
|
<applet>
|
Mendefinisikan
suatu applet embed
|
Ok, teman teman table diatas tersebut adalah table tag tag HTML, dari yang masih digunakan sampai yang tidak digunakan lagi.
Info mengenai tag tag yang tidak digunakan lagi pada HTML5 kurang jelas, yang pasti mungkin tag tag tersebut kurang Efisen untuk digunakan, maka dari itu digantikan dengan fitur-fitur yang lebih bagus lagi pastinya.
Untuk fitur-fitur HTML5 sekarang sudah cukup lengkap, sekarang pertanyaan nya sudah siapkah teman teman belajar HTML?
Jangan khawatir untuk menghafal semua tag tag HTML nya, karena memang lumayan banyak, yang penting teman teman paham mengenai fungsi-fungsinya, lama kelamaan teman teman akan terbiasa dan akan paham dikit demi sedikit.
Sedikit TIPS :Untuk teman teman yang susah dalam memahami fungsi dari setiap tag HTML, Saran saya belajar lah secara perlahan saja, Yakinlah pasti BISA! Semua tidak ada yang instan tetap membutuhkan Proses. Semangat Belajar!
Let's Learn HTML...
Mungkin cukup sekian dlulu teman teman, jika ada kesalahan dalam penulisan harap dimaklumkan, jangan lupa Like, Coment, dan Share kepada teman teman lainnya agar menambah pengetahuan kita.
salam "idCoder"
EmoticonEmoticon