Wednesday, 16 March 2016

Tag HTML


HTML Tag

Berikut adalah daftar dari tag-tag HTML. 
Tag
Description
DTD
<!--...-->
Mendefinisikan komentar HTML
STF
<!DOCTYPE> 
Mendefinisikan tipe dokumen
STF
<a>
Mendefinisikan anchor link
STF
<abbr>
Mendefinisikan sebuah singkatan
STF
<acronym>
Mendefinisikan akronim
STF
<address>
Mendefiniskan informasi kontak untuk pemiliki / penulis dokumen
STF
<applet>
Ditinggalkan. Medefinisikan applet
TF
<area />
Mendefinisikan arae di dalam image-map
STF
Mendefinisikan tulisan tebal
STF
<base />
Mendefinisikan  URL utama/target untuk semua URL alternatif di dalam dokumen
STF
<basefont />
Ditinggalkan. Merincikan dari warna, ukuran dan font default dari semua tulisan yang ada di dalam dokumen.
TF
<bdo>
Menggantikan arah tulisan 
STF
<big>
Mendefinisikan tulisan besar
STF
<blockquote>
Mendefinisikan kutipan yang panjang
STF
<body>
Mendefinisikan badan dokumen
STF
<br />
Mendefinisikan satu baris baru
STF
<button>
Mendefinisikan tombol yang bisa di-klik
STF
<caption>
Mendefinisikan judul dari tabel
STF
<center>
Ditinggalkan. Mendefinisikan tulisan agar ditengah
TF
<cite>
Mendefinisikan kutipan
STF
<code>
Mendefinisikan kode komputer
STF
<col />
Mendefinisikan nilai atribut dari satu atau lebih kolom pada tabel
STF
<colgroup>
Merincikan sebuah grup atau lebih dari kolom-kolom dalam tabel untuk di format
STF
<dd>
Mendefinisikan deskripsi dari sebuah item di daftar definisi
STF
<del>
Defines text that has been deleted from a document
STF
<dfn>
Mendefinisikan ketentuan definisi
STF
<dir>
Ditinggalkan. Mendefinisikan daftar direktori
TF
<div>
Mendefinisikan sebuah bagian di dalam sebuah dokumen
STF
<dl>
Mendefinisikan daftar definisi
STF
<dt>
Mendefinisikan ketentuan (dari sebuah item) di dalam daftar definisi
STF
<em>
Mendefinisikan tulisan emphasized
STF
<fieldset>
Menggabungkan elemen-elemen yang saling berhubungan di dalam form
STF
<font>
Ditinggalkan,  mendefinisikan  font, warna, dan ukuran dari tulisan
TF
<form>
Defines an HTML form for user input
STF
<frame />
Defines a window (a frame) in a frameset
F
<frameset>
Defines a set of frames
F
<h1> to <h6>
Defines HTML headings
STF
<head>
Mendefinisikan informasi mengenai sebuah dokumen
STF
<hr />
Mendefinisikan garis horisontal 
STF
<html>
Mendefinisikan inti dari dokumen HTML
STF
<i>
Mendefinisikan tulisan italic
STF
<iframe>
Mendefinisikan inline frame
TF
<img />
Mendefinisikan gambar
STF
<input />
Mendefinisikan kontrol input
STF
<ins>
Mendefinisikan tulisan yang telah dimasukkan ke dalam dokumen
STF
<kbd>
Mendefinisikan input keyboard
STF
<label>
Mendefinisikan label dari elemen <input>
STF
<legend>
Mendefinisikan Judul dari sebuah elemen <fieldset>
STF
<li>
Mendefinisikan daftar item
STF
<link />
Mendefinisikan hubungan antara dokumen dari sumber diluar dokumen
STF
<map>
Defines a client-side image-map 
STF
<menu>
Ditinggalkan. Mendifinisikan daftar menu
TF
<meta />
Mendefinisikan metada mengenai sebuah dokumen HTML
STF
<noframes>
Defines an alternate content for users that do not support frames
TF
<noscript>
Defines an alternate content for users that do not support client-side scripts
STF
<object>
Mendefinisikan obyek yang tertanam / embedded
STF
<ol>
Mendefinisikan urutan teratur
STF
<optgroup>
Mendefinisikan grup dari pilihan/option dalam drop-down list yang saling berhubungan
STF
<option>
Mendefinisikan pilihan dalam a drop-down list
STF
<p>
Mendefinisikan paragraf
STF
<param />
Mendefinisikan parameter dari sebuah obyek
STF
<pre>
Mendefinisikan tulisan yang belum di format
STF
<q>
Mendefinisikan kutipan pendek
STF
<s>
Mendefinisikan tulisan strikethrough
TF
<samp>
Mendefinisikan contoh dari output program komputer
STF
<script>
Mendefinisikan client-side script
STF
<select>
Mendefinisikan drop-down list
STF
<small>
Mendefinisikan tulisan yang lebih kecil
STF
<span>
Mendefinisikan sebuah bagian dari dokumen
STF
<strike>
Ditinggalkan. Mendefinisikan tulisan strikethrough
TF
<strong>
Mendefinisikan tulisan strong
STF
<style>
Mendefinisikan informasi style dari dokumen
STF
<sub>
Mendefinisikan tulisan subscripted
STF
<sup>
Mendefinisikan tulisan superscripted
STF
<table>
Mendefinisikan tabel
STF
<tbody>
Menggabungkan isi dari badan tabel
STF
<td>
Mendefinisikan kolom dari tabel
STF
<textarea>
Mendefinisikan kontrol dari banyak baris input (text area)
STF
<tfoot>
Menggabungkan footer menjadi satu grup pada tabel
STF
<th>
Mendefinisikan header dari tabel
STF
<thead>
Mendefinisikan Grup header dari tabel
STF
<title>
Mendefinisikan Judul dari sebuah dokumen
STF
<tr>
Mendefinisikan baris dari tabel
STF
<tt>
Mendefinisikan tulisan teletype
STF
<u>
Ditinggalkan. Mendefinisikan tulisan garis bawah / underline
TF
<ul>
Mendefinisikan urutan acak
STF
<var>
Mendefinisikan variabel
STF
<xmp>
Dintinggalkan. Mendefinisikan tulisan yang belum diformat





HTML Attribute


Atribut berikut adalah atribut standard HTML / XML

Atribut Utama / Core Attribute

Core Attribute digunakan semua elemen, kecuali : <base>,  <head>, <html>, <meta>, <param>, <script>, <style> dan <title>.
Atribut
Deskripsi
class
Merincikan satu atau lebih nama kelas dari sebuah elemen
id
Merincikan id unik dari sebuah elemen
style
Merincikan sebuah inline CSS style dari sebuah elemen
title
Merincikan informasi tambahan mengenai sebuah elemen

Atribut Bahasa / Language Attribute

Core Attribute digunakan semua elemen, kecuali : <base>,  <head>, <html>, <meta>, <param>, <script>, <style> dan <title>.
Atribut
Deskripsi
dir
Merincikan arah teks dari konten sebuah elemen
lang
Merincikan bahasa dari konten sebuah elemen
xml:lang
Merincikan bahasa dari konten sebuah elemen (untuk dokumen XHTML)

Atribut untuk Keyboard

Attribute
Description
accesskey
Merincikan kunci shortcut untuk mengaktifasi/fokus sebuah elemen
tabindex
Merincikan tab order dari sebuah elemen




HTML Event


HTML memberikan anda kemampuan untuk mengeksekusi aksi di browser, seperti misalnya menjalankan javascript ketika user mengklik salah satu elemen HTML.
Berikut adalah event-event standard yang bisa anda masukkan ke dalam elemen-elemen HTML / XML untuk mendefinisikan aksi even.

<body> dan  <frameset> Events 

Atribut
Nilai
Deskripsi
onload
script
Script akan jalan ketika dokumen di load
onunload
script
Script akan jalan ketika dokumen di unload

Form Events

Atribut-atribut berikut bisa anda gunakan pada elemen-elemen form
Atribut
Nilai
Deskripsi
onblur
script
Script akan dijalankan ketika sebuah elemen kehilangan fokus
onchange
script
Script akan dijalankan ketika sebuah elemen berubah
onfocus
script
Script to  akan dijalankan ketika sebuah elemen mendapatkan fokus 
onreset
script
Script  akan dijalankan ketika sebuah elemen di-reset
onselect
script
Script akan dijalankan ketika sebuah elemen dipilih/selected
onsubmit
script
Script akan dijalankan ketika sebuah elemen di submit

Image/Gambar Events

Atribut berikut bisa anda gunakan pada elemen <img>
Atribut
Nilai
Deskripsi
onabort
script
Script akan dijalankan ketika proses load gambar diganggu/gagal.

Keyboard Events

Atribut-atribut berikut bisa anda gunakan untuk menjalankan event yang berhubungan dengan keyboard.

Attribute
Value
Deskripsi
onkeydown
script
Script  akan dijalankan ketika tombol keyboard ditekan
onkeypress
script
Script  akan dijalankan ketika tombol keyboard ditekan dan dilepaskan
onkeyup
script
Script  akan dijalankan ketika tombol keyboard dilepaskan

Mouse Events

Atribut-atribut berikut bisa anda gunakan untuk menjalankan event yang berhubungan dengan mouse.
Attribute
Value
Deskripsi
onclick
script
Script akan dijalankan bila mouse di-klik
ondblclick
script
Script akan dijalankan bila mouse di-klik dua kali 
onmousedown
script
Script akan dijalankan bila tombol mouse di tekan
onmousemove
script
Script  akan dijalankan bila mouse di gerakkan
onmouseout
script
Script  akan dijalankan bila mouse bergerak keluar dari sebuah elemen
onmouseover
script
Script  akan dijalankan bila mouse bergerak kedalam sebuah elemen
onmouseup
script
Script  akan dijalankan bila tombol mouse dilepaskan




HTML Ascii


Karakter ASCII digunakan untuk mengirimkan pesan antara komputer-komputer di internet.

Karakter ASCII


ASCII = America Standard Code for Information Interchange.
ASCII merupakan karakter 7-bit yang berjumlah 128 karakter.
Karakter-karakter yang digunakan pada masa sekarang di dunia komputer modern semuanya berasal dari karakter ASCII.
Karakter ASCII mengandung angka 0-9, huruf A-Z dan a-z ditambah dengan karakter-karakter spesial lainnya.
Berikut adalah daftar dari 128 karakter ASCII berikut dengan kode HTML-nya.
    

Karakter ASCII yang bisa anda tampilkan

Karakter ASCII 
Kode HTML
Deskripsi

&#32;
spasi
!
&#33;
tanda perintah
"
&#34;
tanda titik dua
#
&#35;
number sign
$
&#36;
tanda dollar
%
&#37;
tanda persen
&
&#38;
dan
'
&#39;
tanda petik
(
&#40;
kurung buka
)
&#41;
kurung tutup
*
&#42;
asterisk
+
&#43;
tanda tambah
,
&#44;
koma
-
&#45;
hyphen
.
&#46;
titik
/
&#47;
slash
0
&#48;
angka 0
1
&#49;
angka  1
2
&#50;
angka  2
3
&#51;
angka  3
4
&#52;
angka  4
5
&#53;
angka 5
6
&#54;
angka  6
7
&#55;
angka  7
8
&#56;
angka  8
9
&#57;
angka 9
:
&#58;
titik dua
;
&#59;
titik koma
< 
&#60;
lebih kecil dari
=
&#61;
sama dengan
> 
&#62;
lebih besar dari
?
&#63;
tanda tanya
@
&#64;
tanda at
A
&#65;
uppercase A
B
&#66;
uppercase B
C
&#67;
uppercase C
D
&#68;
uppercase D
E
&#69;
uppercase E
F
&#70;
uppercase F
G
&#71;
uppercase G
H
&#72;
uppercase H
I
&#73;
uppercase I
J
&#74;
uppercase J
K
&#75;
uppercase K
L
&#76;
uppercase L
M
&#77;
uppercase M
N
&#78;
uppercase N
O
&#79;
uppercase O
P
&#80;
uppercase P
Q
&#81;
uppercase Q
R
&#82;
uppercase R
S
&#83;
uppercase S
T
&#84;
uppercase T
U
&#85;
uppercase U
V
&#86;
uppercase V
W
&#87;
uppercase W
X
&#88;
uppercase X
Y
&#89;
uppercase Y
Z
&#90;
uppercase Z
[
&#91;
left square bracket
\
&#92;
backslash
]
&#93;
right square bracket
^
&#94;
caret
_
&#95;
underscore
`
&#96;
grave accent
a
&#97;
lowercase a
b
&#98;
lowercase b
c
&#99;
lowercase c
d
&#100;
lowercase d
e
&#101;
lowercase e
f
&#102;
lowercase f
g
&#103;
lowercase g
h
&#104;
lowercase h
i
&#105;
lowercase i
j
&#106;
lowercase j
k
&#107;
lowercase k
l
&#108;
lowercase l
m
&#109;
lowercase m
n
&#110;
lowercase n
o
&#111;
lowercase o
p
&#112;
lowercase p
q
&#113;
lowercase q
r
&#114;
lowercase r
s
&#115;
lowercase s
t
&#116;
lowercase t
u
&#117;
lowercase u
v
&#118;
lowercase v
w
&#119;
lowercase w
x
&#120;
lowercase x
y
&#121;
lowercase y
z
&#122;
lowercase z
{
&#123;
kurung kurawal pembuka
|
&#124;
vertical bar
}
&#125;
kurung kurawal penutup
~
&#126;
tilde

Karakter Device Control ASCII

Karakter Device Control ASCII pada dasarnya di desain untuk mengontrol alat hardware.
Karakter Device Control tidak memiliki fungsi apa-apa dalam dokumen HTML.
ASCII Character
HTML Entity Code
Description
NUL
&#00;
null character
SOH
&#01;
start of header
STX
&#02;
start of text
ETX
&#03;
end of text
EOT
&#04;
end of transmission
ENQ
&#05;
enquiry
ACK
&#06;
acknowledge
BEL
&#07;
bell (ring)
BS
&#08;
backspace
HT
&#09;
horizontal tab
LF
&#10;
line feed
VT
&#11;
vertical tab
FF
&#12;
form feed
CR
&#13;
carriage return
SO
&#14;
shift out
SI
&#15;
shift in
DLE
&#16;
data link escape
DC1
&#17;
device control 1
DC2
&#18;
device control 2
DC3
&#19;
device control 3
DC4
&#20;
device control 4
NAK
&#21;
negative acknowledge
SYN
&#22;
synchronize
ETB
&#23;
end transmission block
CAN
&#24;
cancel
EM
&#25;
end of medium
SUB
&#26;
substitute
ESC
&#27;
escape
FS
&#28;
file separator
GS
&#29;
group separator
RS
&#30;
record separator
US
&#31;
unit separator



DEL
&#127;
delete (rubout)




HTML Iso 8859 1


ISO-8859-1

ISO-8859-1 adalah karakter default dari banyak browser utama.
128 karakter pertama dari ISO-8859-1 pada awalnya berasal dari ASCII karakter (angka 0-9, huruf kecil dan besar alphabet Inggris dan beberapa karakter spesial)
Bagian yang lebih tinggi dari ISO-8859-1 (kode 160-255) berisi karakter yang digunakan di negara-negara Eropa Barat dan beberapa karakter khusus yang umum digunakan.
Entitas digunakan untuk menerapkan karakter cadangan atau untuk mengekspresikan karakter yang tidak dapat dengan mudah dihasilkan dengan keyboard.

Karakter Cadangan dalam HTML

Beberapa karakter adalah cadangan dalam HTML dan XML. Sebagai contoh anda tidak dapat menggunakan lebih dari atau kurang dari tanda-tanda dalam teks anda karena browser bisa melakukan kesalahan untuk markup.
HTML dan XHTML prosesor harus mendukung lima karakter khusus yang tercantum dalam tabel berikut:
Karakter
No Entitas
Nama Entitas
Deskripsi
"
&#34;
&quot;
tanda kutip
'
&#39;
&apos;
tanda petik
&
&#38;
&amp;
dan
< 
&#60;
&lt;
lebih kecil dari
> 
&#62;
&gt;
lebih besar dari




HTML Simbol

HTML Simbol Entitas ™

Referensi dari simbol entitas berikut mencangkup simbol Matematika, karakter Yunani, berbagai macam panah dan simbol-simbol lainnya.

Karakter-karakter Matematika yang di dukung oleh HTML

Karakter
No Entitas
Nama Entitas
Deskripsi
&#8704;
&forall;
untuk semua
&#8706;
&part;
bagian
&#8707;
&exist;
ada
&#8709;
&empty;
kosong
&#8711;
&nabla;
nabla
&#8712;
&isin;
isin
&#8713;
&notin;
notin
&#8715;
&ni;
ni
&#8719;
&prod;
prod
&#8721;
&sum;
sum
&#8722;
&minus;
minus
&#8727;
&lowast;
lowast
&#8730;
&radic;
akar
&#8733;
&prop;
proporsional terhadap
&#8734;
&infin;
tanpa batas
&#8736;
&ang;
sudut
&#8743;
&and;
dan
&#8744;
&or;
atau
&#8745;
&cap;
cap
&#8746;
&cup;
cup
&#8747;
&int;
integral
&#8756;
&there4;
oleh karena itu
&#8764;
&sim;
mirip dengan
&#8773;
&cong;
konkruen
&#8776;
&asymp;
hampir sama
&#8800;
&ne;
tidak sama
&#8801;
&equiv;
sepadan
&#8804;
&le;
kurang atau sama
&#8805;
&ge;
lebih atau sama
&#8834;
&sub;
bagian kecil dari
&#8835;
&sup;
bagian besar dari
&#8836;
&nsub;
bukan bagian dari
&#8838;
&sube;
bagian kecil atau sama
&#8839;
&supe;
bagian besar atau sama
&#8853;
&oplus;
lingkaran tambah
&#8855;
&otimes;
lingkaran berulang
&#8869;
&perp;
tegak lurus
&#8901;
&sdot;
operator titik

Karakter Yunani yang di dukung oleh HTML

Karakter
No Entitas
Nama Entitas
Deskripsi
Α
&#913;
&Alpha;
Alpha
Β
&#914;
&Beta;
Beta
Γ
&#915;
&Gamma;
Gamma
Δ
&#916;
&Delta;
Delta
Ε
&#917;
&Epsilon;
Epsilon
Ζ
&#918;
&Zeta;
Zeta
Η
&#919;
&Eta;
Eta
Θ
&#920;
&Theta;
Theta
Ι
&#921;
&Iota;
Iota
Κ
&#922;
&Kappa;
Kappa
Λ
&#923;
&Lambda;
Lambda
Μ
&#924;
&Mu;
Mu
Ν
&#925;
&Nu;
Nu
Ξ
&#926;
&Xi;
Xi
Ο
&#927;
&Omicron;
Omicron
Π
&#928;
&Pi;
Pi
Ρ
&#929;
&Rho;
Rho

undefined

Sigmaf
Σ
&#931;
&Sigma;
Sigma
Τ
&#932;
&Tau;
Tau
Υ
&#933;
&Upsilon;
Upsilon
Φ
&#934;
&Phi;
Phi
Χ
&#935;
&Chi;
Chi
Ψ
&#936;
&Psi;
Psi
Ω
&#937;
&Omega;
Omega




α
&#945;
&alpha;
alpha
β
&#946;
&beta;
beta
γ
&#947;
&gamma;
gamma
δ
&#948;
&delta;
delta
ε
&#949;
&epsilon;
epsilon
ζ
&#950;
&zeta;
zeta
η
&#951;
&eta;
eta
θ
&#952;
&theta;
theta
ι
&#953;
&iota;
iota
κ
&#954;
&kappa;
kappa
λ
&#955;
&lambda;
lambda
μ
&#956;
&mu;
mu
ν
&#957;
&nu;
nu
ξ
&#958;
&xi;
xi
ο
&#959;
&omicron;
omicron
π
&#960;
&pi;
pi
ρ
&#961;
&rho;
rho
ς
&#962;
&sigmaf;
sigmaf
σ
&#963;
&sigma;
sigma
τ
&#964;
&tau;
tau
υ
&#965;
&upsilon;
upsilon
φ
&#966;
&phi;
phi
χ
&#967;
&chi;
chi
ψ
&#968;
&psi;
psi
ω
&#969;
&omega;
omega




ϑ
&#977;
&thetasym;
theta symbol
ϒ
&#978;
&upsih;
upsilon symbol
ϖ
&#982;
&piv;
pi symbol

Entitas lain yang di dukung oleh HTML

Karakter
No Entitas
Nama Entitas
Deskripsi
Œ
&#338;
&OElig;
capital ligature OE
œ
&#339;
&oelig;
small ligature oe
Š
&#352;
&Scaron;
capital S with caron
š
&#353;
&scaron;
small S with caron
Ÿ
&#376;
&Yuml;
capital Y with diaeres
ƒ
&#402;
&fnof;
f with hook
ˆ
&#710;
&circ;
modifier letter circumflex accent
˜
&#732;
&tilde;
small tilde
&#8194;
&ensp;
en space
&#8195;
&emsp;
em space
&#8201;
&thinsp;
thin space
&#8204;
&zwnj;
zero width non-joiner
&#8205;
&zwj;
zero width joiner
&#8206;
&lrm;
left-to-right mark
&#8207;
&rlm;
right-to-left mark
&#8211;
&ndash;
en dash
&#8212;
&mdash;
em dash
&#8216;
&lsquo;
left single quotation mark
&#8217;
&rsquo;
right single quotation mark
&#8218;
&sbquo;
single low-9 quotation mark
&#8220;
&ldquo;
left double quotation mark
&#8221;
&rdquo;
right double quotation mark
&#8222;
&bdquo;
double low-9 quotation mark
&#8224;
&dagger;
dagger
&#8225;
&Dagger;
double dagger
&#8226;
&bull;
bullet
&#8230;
&hellip;
horizontal ellipsis
&#8240;
&permil;
per mille 
&#8242;
&prime;
minutes
&#8243;
&Prime;
seconds
&#8249;
&lsaquo;
single left angle quotation
&#8250;
&rsaquo;
single right angle quotation
&#8254;
&oline;
overline
&#8364;
&euro;
euro
&#8482; or &#153;
&trade;
trademark
&#8592;
&larr;
left arrow
&#8593;
&uarr;
up arrow
&#8594;
&rarr;
right arrow
&#8595;
&darr;
down arrow
&#8596;
&harr;
left right arrow
&#8629;
&crarr;
carriage return arrow
&#8968;
&lceil;
left ceiling
&#8969;
&rceil;
right ceiling
&#8970;
&lfloor;
left floor
&#8971;
&rfloor;
right floor
&#9674;
&loz;
lozenge
&#9824;
&spades;
spade
&#9827;
&clubs;
club
&#9829;
&hearts;
heart
&#9830;
&diams;
diamond




Terima Kasih Telah Berkunjung ke Blog Saya !!

No comments:

Post a Comment