Tag
Merupakan suatu
fungsi yang dapat merubah makna suatu konten atau isi
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
|
Atribut-atribut yang terdapat dalam Tag HTML
HTML Attributes atau atribut HTML
adalah suatu informasi tambahan yang bisa disertakan pada suatu elemen HTML.
Suatu elemen dapat memiliki atribut. Atribut ini memberikan informasi tambahan
tentang elemen yang bersangkutan. Atribut selalu digunakan pada awal tag /
start tag. Cara mendefinisikan atribut dengan memberikan informasi name
dan value dari suatu elemen, seperti name=”value”.
· Tag <body>
digunakan menampilkan desain layout halaman web. Tab <BODY> sendiri
memiliki kelengkapan atribut di antaranya:
ü BGCOLOR, berfungsi untuk menampilkan
warna latar halaman
o
Contoh pemakaian :
o
<BODY BGCOLOR=RED> …
</BODY>
ü BACKGROUND, berfungsi untuk
menentukan file gambar/image dijadikan sebagai background halaman.
o
Contoh :
o
<BODY BACKGROUND=”C:\data\latar.jpg”>
… </BODY>
ü TEXT, berfungsi untuk mengubah warna
tulisan/teks dalam dokumen secara menyeluruh.
ü LINK, berfungsi untuk menentukan
warna link dalam dokumen yang belum pernah dikunjungi (belum pernah diklik)
ü ALINK, berfungsi untuk menentukan
warna link dalam dokumen yang aktif.
ü VLINK, berfungsi untuk menentukan
warna link dalam dokumen yang telah terkunjungi.
· Tag <p>
Tag ini berfungsi untuk memformat
paragraph/alinea. Adapun kelengkapan atribut-atribut dari tag ini adalah:
ü ALIGN, yang
berfungsi untuk menentukan perataan teks paragraph secara rata kiri (LEFT),
rata kanan (RIGHT) atau rata tengah (CENTER).
Contoh pemakaian:
<P
ALIGN=RIGHT>Ini adalah teks yang ditulis dalam
paragraph dengan perataan
teks rata kanan</P>
· Tag <hr>
Tag ini berfungsi untuk
mendefinisikan garis horisontal dokumen.
Sedangkan atribut-atribut yang
didukung meliputi:
ü SIZE, untuk
menentukan ketebalan garis (dalam ukuran piksel)
Contoh pemakaian :
<HR SIZE=2>
ü COLOR,
digunakan untuk menentukan warna garis. Warna garis dapat diisi dengan RED,
GREEN, BLUE, YELLOW dll, atau dengan memanfaatkan warna dalam bentuk
Hexadesimal seperti : #00FF00 untuk wana hijau, #FF0000 untuk warna merah dsb.
ü
WIDTH, digunakan untuk menentukan lebar garis (dalam satuan
piksel atau persenatase). Contoh :
<HR WIDTH=450> atau
<HR WIDTH=80%>
ü NOSHADE, untuk
menghilangkan efek tiga dimensi garis.
Contoh
pemakaian :
<HR
NOSHADE>
· Tag <hn>, dimana n=1,2,3,4,5,6
Berfungsi
untuk mendefinisikan header (kepala/judul) dokumen.
Atribut-atribut
yang dimiliki yaitu:
ü ALIGN, yang
digunakan untuk menentukan perataan teks header terhadap dokumen. Nilainya
yaitu: LEFT, CENTER dan RIGHT.
· Tag <font>, untuk memformat font digunakan tag <FONT>,
adapun yang dipengaruhi oleh tag ini meliputi ukuran, jenis dan warna font.
Atribut-atribut yang dapat dipakai untuk mengatur ketiga hal tersebut yaitu :
ü SIZE,
digunakan untuk menentukan ukuran font.
ü COLOR,
digunakan untuk menentukan warna font.
ü FACE,
digunakan untuk menentukan jenis atau bentuk font. Misal jenis font
ü dapat dipakai yaitu : Arial,
Verdana, Times New Romans, Courier dll.
· Tag <img> digunakan untuk menampilkan gambar, berikut merupakan
atribut dari tag <img> :
ü SRC, yang
berfungsi untuk menentukan lokasi direktori gambar. Contoh
ü pemakaiannya :
ü ALT, yang
berfungsi untuk menentukan keterangan gambar jika gambar gagal
ü tampil.
ü WIDTH, yang
berfungsi untuk menentukan lebar gambar (dalam satuan pixel)
ü HEIGHT, yang
berfungsi untuk menentukan tinggi gambar (dalam satuan pixel).
ü BORDER, yang
berfungsi untuk menentukan ketebalan bingkai gambar.
ü ALIGN, untuk
menentukan perataan gambar terhadap dokumen. (Nilainya :
ü LEFT dan RIGHT).
· Tag <a> digunakan untuk mendefinisikan link, berikut merupakan
atributnya :
ü HREF,
digunakan untuk menentukan lokasi tujuan dari yang ditunjuk oleh link.
Alamat tujuannya dapat berupa path-direktori
atau alamat URL.
Contoh penggunaan :
<A HREF=”http://www.yahoo.co.id”>Yahoo
Indonesia</A>
ü NAME,
digunakan untuk mendefinisikan anchor (Keterangan: Anchor adalah satu bagian
dari dokumen yang ditandai untuk dijadikan sebagai tujuan dari link). Untuk
mendefinisikan link yang menuju alamat anchor digunakan symbol
karakter ‘#’. Contoh : Seumpama didefinisikan sebuah anchor
dengan nama
“pertama” pada halaman “dokumen.html”.
· Tag <table> digunakan
untuk memmbuat table di dalam HTML,
berikut merupakan atribunya :
ü BORDER,
digunakan untuk menentukan ketebalan bingkai table.
ü BGCOLOR,
digunakan untuk menentukan warna latar table/baris/sel.
ü BACKGROUND,
digunakan untuk menentukan file gambar dijadikan sebagai latar table/baris/sel.
ü ALIGN,
berfungsi untuk menentukan perataan table secara horisontal terhadap dokumen
atau perataan teks pada baris atau sel secara horisontal.
ü VALIGN, berfungsi
untuk menentukan perataan secara vertical terhadap teks pada baris dan sel.
ü WIDTH,
digunakan untuk menentukan lebar table/sel (dalam satuan pixel atau persentase)
ü HEIGHT,
digunakan untuk menentukan tinggi table atau baris (dalam satuan pixel atau
persentase)
ü CELLPADDING,
berfungsi untuk menentukan kerapatan teks dengan bingkai table.
ü CELLSPACING,
berfungsi untuk menentukan kerapatan antar sel.
ü ROWSPAN,
berfungsi untuk menggabungkan beberapa sel baris menjadi satu sel.
ü COLSPAN, berfungsi
untuk menggabungkan beberapa sel kolom menjadi satu sel.
· Tag <form> berfungsi sebagai obyek penampung (container) bagi obyek-obyek lainnya.
Atribut-atribut yang dimiliki FORM adalah sebagai berikut:
ü NAME,
berfungsi untuk mendefinisikan nama obyek form.
ü METHOD,
dipergunakan untuk menentukan cara pengolahan data yang
inputkan dalam form.
ü ACTION,
digunakan untuk menentukan lokasi/alamat file (program server)
yang akan mengolah data isian form.
Nilai yang dapat diisikan meliputi :
POST dan GET.
· Obyek <SELECT> merupakan
komponen FORM yang berbentuk daftar pilihan menyerupai COMBOBOX dan LISTBOX.
Atribut-atribut yang dimiliki di antaranya yaitu :
ü NAME, digunakan untuk memberi identitas pada obyek SELECT.
ü SIZE, digunakan untuk menentukan jumlah item pilihan yang
ditampilkan pada obyek.
ü MULTIPLE, digunakan untuk menentukan item pilihan dapat dipilih
lebih dari satu.
· Untuk mendefinisikan item-item
pilihan pada komponen SELECT digunakan tag <OPTION>, dimana tag ini
memiliki kelengkapan atribut seperti berikut ini :
ü VALUE, digunakan untuk menentukan identitas tiap item dalam
komponen.
ü SELECTED, digunakan untuk menentukan item yang terpilih secara default.
· Tag <INPUT> memiliki berbagai
macam atribut yang dapat digunakan menentukan bentuk-bentuk input:
ü NAME,
berfungsi untuk menentukan nama obyek input
ü TYPE,
berfungsi untuk menentukan jenis input, nilai yang dapat
dipasangkan yaitu:
- TEXT,
digunakan untuk menentukan bentuk kotak teks satu baris.
o
PASSWORD, digunakan untuk menentukan bentuk input kotak password.
- RADIO,
digunakan untuk menentukan bentuk input daftar pilihan, dimana item yang
dapat pilih hanya satu item saja.
- CHECKBOX,
digunakan untuk menentukan bentuk input daftar pilihan, dimana item yang
dapat dipilih bisa lebih dari satu item.
- SUBMIT,
digunakan untuk menentukan bentuk input tombol yang memiliki fungsi untuk
memicu data dalam form diproses.
- RESET,
digunakan untuk menentukan bentuk input tombol yang memiliki fungsi data
dalam form akan direset.
- BUTTON,
digunakan untuk menampillkan bentuk input tombol yang mana fungsi tombol
tersebut belum ditentukan.
- HIDDEN,
untuk menentukan bentuk input tersembunyi (tidak ditampilkan secara
eksplisit dalam dokumen)
ü VALUE,
- untuk jenis input TEXT
dan PASSWORD
digunakan
untuk menentukan nilai dalam kotak teks
- untuk
jenis input RADIO dan CHECKBOX
berfungsi
untuk memberi identitas tiap pilihan item
o untuk jenis item SUBMIT,
RESET dan BUTTON
berfungsi
untuk menentukan judul tombol.
ü SIZE (hanya
untuk tipe input TEXT dan PASSWORD)
Berfungsi untuk menentukan ukuran
lebar kotak teks.
ü MAXLENGTH
(hanya untuk tipe input TEXT dan PASSWORD)
Berfungsi untuk menentukan kapasitas
maksimal teks yang dapat
Diinputkan
ü CHECKED (hanya
untuk tipe input RADIO dan CHECKBOX)
Berfungsi untuk memberi tanda terhadap item yang terpilih secara
default.