Sekarang saya ingin memberikan daftar referensi tag-tag
HTML. Tentunya sobat wajib mengetahui kegunaan tag-tag html beserta
atribut-atribut globalnya.
Referensi tag HTML dibawah ini juga termasuk tag HTML5 yang
terakhir di release oleh W3C. Dibawah akan disebutkan kegunaan masing-masing
tag juga penggunaan tag yang harus di hindari karena sudah tidak lagi disupport
HTML5
Berikut adalah daftar dari tag-tag HTML.
Nama Tag
|
Keterangan
/ Kegunaan
|
Basic
|
|
<!DOCTYPE>
|
Tag untuk
menentukan tipe dokumen
|
<html>
|
Tag untuk
membuat sebuah dokumen HTML
|
<title>
|
Tag untuk
membuat judul dari sebuah halaman
|
<body>
|
Tag untuk
membuat tubuh dari sebuah halaman
|
<h1>
to <h6>
|
Tag untuk
membuat heading
|
<p>
|
Tag untuk
membuat paragraf
|
<br>
|
Memasukan
satu baris putus
|
<hr>
|
Tag untuk
membuat perubahan dasar kata didalam isi
|
<!--...-->
|
Tag untuk
membuat komentar
|
Formatting
|
|
<acronym>
|
Tag untuk
membuat sebuah akronim (tidak disupport lagi di HTML5)
|
<abbr>
|
Tag untuk
membuat sebuah singkatan
|
<address>
|
Tag untuk
membuat kontak alamat
|
<b>
|
Tag untuk
membuat huruf bercetak tebal
|
<bdi>
|
Mengisolasi
bagian dari teks yang dapat diformat dalam arah yang berbeda dari teks lain
di luarnya (tag baru HTML5)
|
<bdo>
|
Mengganti
arah teks
|
<big>
|
Tag untuk
membuat text berhuruf besar (tidak disupport lagi di HTML5)
|
<blockquote>
|
Tag untuk
membuat sebuah bagian text yang dikutip dari sumber lain
|
<center>
|
Tag untuk
membuat jajaran teks menjadi ditengah (tidak disupport lagi di HTML5)
|
<cite>
|
Tag untuk
membuat judul karya
|
<code>
|
Tag untuk
membuat potongan kode komputer di antara text
|
<del>
|
Tag untuk
membuat teks yang telah dihapus dari dokumen
|
<dfn>
|
Tag untuk
membuat sebuah istilah definisi
|
<em>
|
Tag untuk
membuat penekanan teks (tidak disupport lagi di HTML5)
|
<font>
|
Tag untuk
membuat font, warna, dan ukuran untuk teks (tidak disupport lagi di HTML5)
|
<i>
|
Tag untuk
membuat sebuah bagian dari teks yang disesuaikan dengan mood
|
<ins>
|
Tag untuk
membuat teks yang telah dimasukkan ke dalam dokumen
|
<kbd>
|
Tag untuk
membuat input keyboard
|
<mark>
|
Tag untuk
membuat teks yang disorot / ditandai (tag baru HTML5)
|
<meter>
|
Tag untuk
membuat pengukuran skalar
|
<pre>
|
Tag untuk
membuat teks terformat
|
<progress>
|
Memperlihatkan
kemajuan tugas (tag baru HTML5)
|
<q>
|
Tag untuk
membuat kutipan pendek
|
<rp>
|
Tag untuk
membuat apa yang harus ditampilkan di browser yang tidak mendukung penjelasan
ruby (tag baru HTML5)
|
<rt>
|
Tag untuk
membuat sebuah anotasi / pengucapan karakter (untuk tipografi Asia Timur)
|
<ruby>
|
Tag untuk
membuat sebuah anotasi ruby (untuk tipografi Asia Timur) (tag baru HTML5)
|
<s>
|
Tag untuk
membuat teks yang tidak lagi benar
|
<samp>
|
Tag untuk
membuat contoh keluaran dari program komputer
|
<small>
|
Tag untuk
membuat teks kecil
|
<strike>
|
Tag untuk
membuat teks yang di coret tengah (tidak disupport lagi di HTML5)
|
<strong>
|
Tag untuk
membuat teks penting
|
<sub>
|
Tag untuk
membuat teks subskrip (seperti dalam penulisan Jat Kimia)
|
<sup>
|
Tag untuk
membuat teks superscripted (seperti dalam penulisan akar kuadrat)
|
<time>
|
Tag untuk
membuat tanggal / waktu (tag baru HTML5)
|
<tt>
|
Tag untuk
membuat teks teletype (tidak disupport lagi di HTML5)
|
<u>
|
Tag untuk
membuat teks yang memiliki Gaya yang berbeda dari teks biasa lainnya
|
<var>
|
Tag untuk
membuat sebuah variabel
|
<wbr>
|
Tag untuk
membuat kemungkinan garis-putus
|
Forms
|
|
<form>
|
Tag untuk
membuat sebuah form HTML untuk input pengguna
|
<input>
|
Tag untuk
membuat sebuah kontrol input
|
<textarea>
|
Tag untuk
membuat sebuah kontrol input multibaris (text area)
|
<button>
|
Tag untuk
membuat sebuah tombol yang dapat diklik
|
<select>
|
Tag untuk
membuat sebuah daftar drop-down
|
<optgroup>
|
Tag untuk
membuat sebuah kelompok pilihan yang terkait dalam daftar drop-down
|
<option>
|
Tag untuk
membuat pilihan dalam daftar drop-down
|
<label>
|
Tag untuk
membuat sebuah label untuk sebuah elemen <input>
|
<fieldset>
|
Grup unsur
terkait dalam bentuk
|
<legend>
|
Tag untuk
membuat sebuah caption untuk sebuah elemen <fieldset>, < figure>,
atau <details>
|
<datalist>
|
Menentukan
daftar pilihan yang telah ditetapkan untuk kontrol input (tag baru HTML5)
|
<keygen>
|
Tag untuk
membuat key-pair generator kolom input (tag baru HTML5)
|
<output>
|
Tag untuk
membuat hasil penghitungan (tag baru HTML5)
|
Frames
|
|
<frame>
|
Tag untuk
membuat sebuah window (bingkai) dalam sebuah frameset (tidak disupport lagi
di HTML5)
|
<frameset>
|
Tag untuk
membuat satu set bingkai (tidak disupport lagi di HTML5)
|
<noframes>
|
Tag untuk
membuat sebuah konten alternatif untuk pengguna yang tidak mendukung frame (tidak
disupport lagi di HTML5)
|
<iframe>
|
Tag untuk
membuat sebuah bingkai
|
Images
|
|
<img>
|
Tag untuk
membuat gambar
|
<map>
|
Tag untuk
membuat gambar-peta
|
<area>
|
Tag untuk
membuat area dalam gambar-peta
|
<canvas>
|
Digunakan
untuk menggambar grafik, melalui scripting (JavaScript ) (tag baru HTML5)
|
<figcaption>
|
Tag untuk
membuat sebuah caption untuk elemen <figure> (tag baru HTML5)
|
<figure>
|
Menentukan
konten mandiri (tag baru HTML5)
|
Audio/Video
|
|
<audio>
|
Tag untuk
membuat isi suara (tag baru HTML5)
|
<source>
|
Tag untuk
membuat sumber beberapa media untuk elemen media (<video> dan
<audio>) (tag baru HTML5)
|
<track>
|
Tag untuk
membuat trek teks untuk elemen media (<video> dan <audio>) (tag
baru HTML5)
|
<video>
|
Tag untuk
membuat sebuah video atau film (tag baru HTML5)
|
Links
|
|
<a>
|
Tag untuk
membuat hyperlink
|
<link>
|
Tag untuk
membuat hubungan antara dokumen dan sumber daya eksternal (paling sering
digunakan untuk link ke style sheet)
|
<nav>
|
Tag untuk
membuat navigasi link (tag baru HTML5)
|
Lists
|
|
<ul>
|
Tag untuk
membuat daftar dengan selain nomor
|
<ol>
|
Tag untuk
membuat daftar dengan nomor
|
<li>
|
Tag untuk
membuat sebuah item daftar
|
<dir>
|
Tag untuk
membuat sebuah daftar direktori (tidak disupport lagi di HTML5)
|
<dl>
|
Tag untuk
membuat sebuah daftar definisi
|
<dt>
|
Tag untuk
membuat istilah (item) dalam daftar definisi
|
<dd>
|
Defines a
description of an item in a definition list
|
<menu>
|
Tag untuk
membuat deskripsi dari item dalam daftar definisi
|
<command>
|
Tag untuk
membuat sebuah tombol perintah bahwa seorang pengguna dapat meminta (tag baru
HTML5)
|
Tables
|
|
<table>
|
Tag untuk
membuat tabel
|
<caption>
|
Tag untuk
membuat sebuah caption tabel
|
<th>
|
Tag untuk
membuat sebuah sel header tabel
|
<tr>
|
Tag untuk
membuat baris dalam sebuah tabel
|
<td>
|
Tag untuk
membuat sel dalam sebuah tabel
|
<thead>
|
Mengelompokan
isi header dalam sebuah tabel
|
<tbody>
|
Mengelompokanisi
tubuh dalam sebuah tabel
|
<tfoot>
|
Mengelompokan
isi footer dalam sebuah tabel
|
<col>
|
Menentukan
properti kolom untuk setiap kolom dalam elemen <colgroup>
|
<colgroup>
|
Menentukan
kelompok dari satu atau lebih kolom dalam sebuah tabel untuk diformat
|
Style/Sections
|
|
<style>
|
Tag untuk
membuat informasi style untuk dokumen
|
<div>
|
Tag untuk
membuat sebuah bagian dalam dokumen
|
<span>
|
Tag untuk
membuat sebuah bagian dalam dokumen
|
<header>
|
Tag untuk
membuat sebuah header untuk dokumen atau bagian (tag baru HTML5)
|
<footer>
|
Tag untuk
membuat footer untuk dokumen atau bagian (tag baru HTML5)
|
<hgroup>
|
Pengelompokan
elemen heading (<h1> sampai <h6>) (tag baru HTML5)
|
<section>
|
Tag untuk
membuat bagian dalam dokumen (tag baru HTML5)
|
<article>
|
Tag untuk
membuat sebuah artikel (tag baru HTML5)
|
<aside>
|
Tag untuk
membuat konten lain selain dari konten halaman (tag baru HTML5)
|
<details>
|
Tag untuk
membuat rincian tambahan yang pengguna dapat lihat atau sembunyikan (tag baru
HTML5)
|
<dialog>
|
Tag untuk
membuat sebuah kotak dialog atau jendela (tag baru HTML5)
|
<summary>
|
Tag untuk
membuat sebuah judul terlihat untuk elemen <detil> (tag baru HTML5)
|
Meta Info
|
|
<head>
|
Tag untuk
membuat informasi tentang dokumen
|
<meta>
|
Tag untuk
membuat metadata tentang dokumen HTML
|
<base>
|
Menentukan
URL dasar / target untuk semua URL relatif dalam dokumen
|
<basefont>
|
Menentukan
standar warna, ukuran, dan font untuk semua teks dalam dokumen (tidak
disupport lagi di HTML5)
|
Programming
|
|
<script>
|
Tag untuk
membuat script di sisi klien
|
<noscript>
|
Tag untuk
membuat sebuah konten alternatif bagi pengguna yang tidak mendukung script di
sisi klien
|
<applet>
|
Tag untuk
membuat sebuah java applet yang ditanam (tidak disupport lagi di HTML5)
|
<embed>
|
Tag untuk
membuat sebuah wadah untuk aplikasi eksternal (non-HTML) (tag baru HTML5)
|
<object>
|
Tag untuk
membuat sebuah objek yang ditanam
|
<param>
|
Tag untuk
membuat sebuah parameter untuk objek
|
0 komentar:
Posting Komentar