Tag-tag HTML beserta Fungsinya + PDF
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 |
|
<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 |
|
<bdo> |
Mengganti arah teks |
|
<big> |
Tag untuk membuat text berhuruf besar |
|
<blockquote> |
Tag untuk membuat sebuah bagian text yang dikutip |
|
<center> |
Tag untuk membuat jajaran teks menjadi ditengah |
|
<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 |
|
<font> |
Tag untuk membuat font, warna, dan |
|
<i> |
Tag untuk membuat sebuah bagian dari teks |
|
<ins> |
Tag untuk membuat teks yang telah |
|
<kbd> |
Tag untuk membuat input keyboard |
|
<mark> |
Tag untuk membuat teks yang disorot / |
|
<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 |
|
<rt> |
Tag untuk membuat sebuah anotasi / |
|
<ruby> |
Tag untuk membuat sebuah anotasi ruby |
|
<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 |
|
<strong> |
Tag untuk membuat teks penting |
|
<sub> |
Tag untuk membuat teks subskrip |
|
<sup> |
Tag untuk membuat teks superscripted |
|
<time> |
Tag untuk membuat tanggal / waktu (tag baru HTML5) |
|
<tt> |
Tag untuk membuat teks teletype |
|
<u> |
Tag untuk membuat teks yang memiliki |
|
<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 |
|
<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 |
|
<datalist> |
Menentukan daftar pilihan yang telah ditetapkan untuk |
|
<keygen> |
Tag untuk membuat key-pair generator kolom input |
|
<output> |
Tag untuk membuat hasil penghitungan (tag baru HTML5) |
|
Frames |
|
|
<frame> |
Tag untuk membuat sebuah window (bingkai) dalam |
|
<frameset> |
Tag untuk membuat satu set bingkai |
|
<noframes> |
Tag untuk membuat sebuah konten alternatif untuk |
|
<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 |
|
<figcaption> |
Tag untuk membuat sebuah caption untuk elemen |
|
<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 |
|
<track> |
Tag untuk membuat trek teks untuk elemen media |
|
<video> |
Tag untuk membuat sebuah video atau film (tag baru
HTML5) |
|
Links |
|
|
<a> |
Tag untuk membuat hyperlink |
|
<link> |
Tag untuk membuat hubungan antara dokumen |
|
<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 |
|
<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 |
|
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 |
|
<colgroup> |
Menentukan kelompok dari satu atau lebih kolom dalam |
|
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 |
|
<footer> |
Tag untuk membuat footer untuk dokumen atau bagian |
|
<hgroup> |
Pengelompokan elemen heading (<h1> sampai
<h6>) |
|
<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 |
|
<details> |
Tag untuk membuat rincian tambahan yang pengguna |
|
<dialog> |
Tag untuk membuat sebuah kotak dialog atau jendela |
|
<summary> |
Tag untuk membuat sebuah judul terlihat untuk elemen |
|
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 |
|
<basefont> |
Menentukan standar warna, ukuran, dan font untuk semua |
|
Programming |
|
|
<script> |
Tag untuk membuat script di sisi klien |
|
<noscript> |
Tag untuk membuat sebuah konten alternatif bagi |
|
<applet> |
Tag untuk membuat sebuah java applet yang ditanam |
|
<embed> |
Tag untuk membuat sebuah wadah untuk aplikasi eksternal |
|
<object> |
Tag untuk membuat sebuah objek yang ditanam |
|
<param> |
Tag untuk membuat sebuah parameter untuk objek |
Posting Komentar