PROMO 1

TEMPATKAN IKLAN ANDA DISINI !!!

PROMO !!!

TEMPATKAN IKLAN ANDA DISINI !!!

PROMO !!!

TEMPATKAN IKLAN ANDA DISINI !!!

PROMO !!!

TEMPATKAN IKLAN ANDA DISINI !!!

PROMO !!!

TEMPATKAN IKLAN ANDA DISINI !!!

VISITOR

Tampilkan postingan dengan label REFERENSI HTML. Tampilkan semua postingan
Tampilkan postingan dengan label REFERENSI HTML. Tampilkan semua postingan

5 Juni 2013

Entity (Entitas) Yang Didukung Oleh HTML

Berikut ini merupakan daftar Entitas yang didukung oleh HTML.
 

KarakterNomor EntitasNama Entitas
ŒŒ&Oelig;
œœœ
ŠŠŠ
ššš
ŸŸÿ
ƒƒ&fnot;
ˆˆˆ
˜˜˜

  

  

  

‌&zwnj

‍‍

‎‎

‏‏
–––
———
‘‘‘
’’’
‚‚‚
“““
”””
„„„
†††
‡‡‡
•••
………
‰‰‰
′′′
″″″
‹‹&Isaquo;
›››
‾‾&online;
€€€
™™™
←←←
↑↑↑
→→→
↓↓↓
↔↔↔
↵↵↵
⌈⌈⌈
⌉⌉⌉
⌊⌊⌊
⌋⌋⌋
◊◊◊
♠♠♠
♣♣♣
♥♥♥
♦♦♦

3 Juni 2013

Penggunaan Karakter Huruf Yunani Pada HTML

Dibawah ini merupakan daftar dari karakter HTML yang menggunakan huruf Yunani yang sudah diakui dan didukung HTML.

Karakter Nomor Entitas Nama Entita Keterangan
ΑΑΑAlpha
ΒΒΒBeta
ΓΓΓGamma
ΔΔΔDelta
ΕΕΕEpsilon
ΖΖΖZeta
ΗΗΗEta
ΘΘΘTheta
ΙΙ&lota;Iota
ΚΚΚKappa
ΛΛ&LAmbda;Lambda
ΜΜΜMu
ΝΝΝNu
ΞΞΞXi
ΟΟΟOmicron
ΠΠΠPi
ΡΡΡRho

undenfined
(tidak dijelaskan)

Sigmaf
ΣΣΣSigma
ΤΤΤTau
ΥΥΥUpsilon
ΦΦΦPhi
ΧΧΧChi
ΨΨΨPsi
ΩΩΩOmega
αααalpha
βββbeta
γγγgamma
δδδdelta
εεεepsilon
ζζζzeta
ηηηeta
θθθtheta
ιιιiota
κκκkappa
λλλlambda
μμμmu
νννnu
ξξξxi
οοοomicron
πππpi
ρρρrho
ςςςsigmaf
σσσsigma
τττtau
υυυupsilon
φφφphi
χχχchi
ψψψpsi
ωωωomega
ϑϑϑtheta symbol
ϒϒϒupsilon symbol
ϖϖϖpi symbol

28 Mei 2013

Karakter ISO-8859-1

ISO-8859-1 merupakan aturan karakter default yang digunakan oleh kebanyakan browser. 128 karakter pertama dari ISO-8869-1 merupakan aturan karakter ASCII asli adapun sisanya mengandung karakter yang digunakan oleh negara-negara Eropa Barat dan berapa yang umum menggunakan karakter khusus.
Pada umumnya, etntitas (entities) digunakan untuk mempercepat penulisan karakter yang tidak dapat dilakukan oleh keyboard atau untuk menampilkan karakter yang diterima. Untuk membedakan karakter-karakter tersebut dari Markup, HTML,  dan XHTML yang diterima, prosesor menggunakan 5 karakter berikut.

Karakter Nomor Entitas Nama Entitas Penjelasan
"""tanda kutip
''' (tidak bekerja di IE)tanda petik
&&&ampersand
<&#60;&lt;kurang dari
>&#62;&gt;lebih dari

Di bawah ini adalah daftar karakter ISO-8859-1

Karakter Nomor Entitas Nama Entitas
À&#192;&Agrave;
Á&#193;&Aacute;
Â&#194;&Acirc;
Ã&#195;&Atilde;
Ä&#196;&Auml;
Å&#197;&Aring;
Æ&#198;&AElig;
Ç&#199;&Ccedil;
È&#200;&Egrave;
É&#201;&Eacute;
Ê&#202;&Ecirc;
Ë&#203;&Euml;
Ì&#204;&lgrave;
Í&#205;&lacute;
Î&#206;&lcirc;
Ï&#207;&luml;
Ð&#208;&ETH;
Ñ&#209;&Ntilde;
Ò&#210;&Ograve;
Ó&#211;&Oacute;
Ô&#212;&Ocirc;
Õ&#213;&Otilde;
Ö&#214;&Ouml;
Ø&#216;&Oslash;
Ù&#217;&Ugrave;
Ú&#218;&Uacute;
Û&#219;&Ucirc;
Ü&#220;&Uuml;
Ý&#221;&Yacute;;
Þ&#222;&THORN;
ß&#223;&szlig;
à&#224;&agrave;
á&#225;&aacute;
â&#226;&acirc;
ã&#227;&atilde;
ä&#228;&auml;
å&#229;&#aring;
æ&#230;&aelig;
ç&#231;&ccedil;
è&#232;&egrave;
é&#233;&eacute;
ê&#234;&ecirc;
ë&#235;&euml;
ì&#236;&igrave;
í&#237;&iacute;
î&#238;&icirc;
ï&#239;&iuml;
ð&#240;&eth;
ñ&#241;&ntilde;
ò&#242;&ograve;
ó&#243;&oacute;
ô&#244;&ocirc;
õ&#245;&otilde;
ö&#246;&ouml;
ø&#248;&oslash;
ù&#249;&ugrave;
ú&#250;&uacute;
û&#251;&ucirc;
ü&#252;&uuml;
ý&#253;&yacute;
þ&#254;&thorn;
ÿ&#255;&yuml;

Di bawah ini merupakan daftar simbol ISO-8859-1

Karakter Nomor Entitas Nama Entitas Penjelasan

&#160;&nbsp;non-braking space
¡&#161;&iexcl;inverted exclamation mark
¢&#162;&cent;cent
£&#163;&pound;pound
¤&#164;&currencurrency
¥&#165;&yen;yen
¦&#166;&brvbar;broken vertical bar
§&#167;&sect;section
¨&#168;&uml;spacing diaeresis
©&#169;&copy;copyright
ª&#170;&ordf;feminine ordinal indicator
«&#171;&laquo;angle quotation mark (left)
¬&#172;&not;negation
­&#173;&shy;soft hyphen
®&#174;&reg;registered trademark
¯&#175;&marc;spacing macron
°&#176;&deg;degree
±&#177;&plusmn;plus or minus
²&#178;&sup2;superscript 2
³&#179;&sup3;superscript 3
´&#180;&acute;spacing acute
µ&#181;&micro;micro
&#182;&para;paragraph
·&#183;&middot;middle dot
¸&#184;&cedil;spacing cedilla
¹&#185;&sup1;superscript 1
º&#186;&ordm;masculine ordinal indicator
»&#187;&raquo;angle quotation mark (right)
¼&#188;&frac14;fraction 1/4
½&#189&frac12;fraction 1/2
¾&#190;&frac34;fraction 3/4
¿&#191;&iquest;inverted question mark
×&#215;&times;multiplication
÷&#247;&divide;division

18 Mei 2013

Penggunaan Symbol Matematika Pada HTML

 
Di bawah ini merupakan daftar yang dakui sebagai simbol matematika yang didukung oleh HTML.

Karakter Entity Number Entity Name Penjelasan
∀&#8704;&forall;for all
∂&#8706;&part;part
∃&#8707;&exist;exists
∅&#8709:&empty;empty
∇&#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;square root
∝&#8733;&prop;proportional to
∞&#8734;&infin;infinity
∠&#8736;&ang;angle
∧&#8743;&and;and
∨&#8744;&or;or
∩&#8745;&cap;cap
∪&#8746;&cup;cup
∫&#8747;&int;integral
∴&#8756;&there4;therefore
∼&#8764;&sim;similiar to
≅&#8773;&cong;congruent to
≈&#8776;&asymp;almost equal
≠&#8800;&ne;not equal
≡&#8801;&equiv;equivalent
≤&#8804;&le;less or equal
≥&#8805;&ge;greater or equal
⊂&#8834;&sub;subset of
⊃&#8835;&sup;superset of
⊄&#8836;&nsub;not subset of
⊆&#8838;&sube;subset or equal
⊇&#8839;&supe;superset or equal
⊕&#8853;&oplus;circled plus
⊗&#8855;&optimes;circled times
⊥&#8869:&perp;perpendicular
⋅&#8901;&sdot;dot operator

17 Mei 2013

Aturan Karakter ASCII pada HTML

Aturan karakter ASCII berisikan nomor 0-9, huruf besar dan huruf kecil A-Z, dan beberapa karakter khusus. Di bawah ini adalah tabel daftar karakter yang dapat ditampilkan atau setara dengan entitas pada HTML.


Karakter ASCII Kode Entity HTML
spasi&#32;
!&#33;
"&#34;
#&#35;
$&#36;
%&#37;
&&#38;
'&#39;
(&#40;
)&#41;
*&#42;
+&#43;
,&#44;
-&#45;
.&#46;
/&#47;
0&#48;
1&#49;
2&#50;
3&#51;
4&#52;
5&#53;
6&#54;
7&#55;
8&#56;
9&#57;
:&#58;
;&#59;
<&#60;
=&#61;
>&#62;
?&#63;
@&#64;
A&#65;
B&#66;
C&#67
D&#68;
E&#69;
F&#70;
G&#71;
H&#72;
I&#73;
J&#74;
K&#75;
L&#76;
M&#77;
N&#78;
O&#79;
P&#80;
Q&#81;
R&#82;
S&#83;
T&#84;
U&#85;
P&#86;
W&#87;
X&#88;
Y&#89;
Z&#90;
[&#91;
\&#92;
]&#93;
^&#94;
_&#95;
`&#96;
a&#97;
b&#98;
c&#99;
d&#100;
e&#101;
f&#102;
g&#103;
h&#104;
i&#105;
j&#106;
k&#107;
l&#108;
m&#109;
n&#110;
o&#111;
p&#112;
q&#113;
r&#114;
s&#115;
t&#116;
u&#117;
p&#118;
w&#119;
x&#120;
y&#121;
z&#122;
{&#123;
|&#124;
}&#125;
~&#126;
Selain karakter yang disebutkan di atas, ada juga karakter yang digunakan untuk mengontrol perangkat (device control). Berikut daftar karakter-karekter yang digunakan untuk mengontrol perangkat:

Karakter ASCII Kode Entity HTML Penjelasan
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
DC 1&#17;device control 1
DC 2&#18;device control 2
DC 3&#19;device control 3
DC 4&#20;device control 4
NAK&#21;negative acknowledge
SYN&#22;synchronize
ETB&#23;end tansmission 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)

15 Mei 2013

Aturan Penggunaan Karakter Pada HTML

Untuk menampilkan halaman HTML dengan benar, browser harus mengetahui aturan karakter mana yang akan digunakan ini akan mempermudah kerja daripada browser yang digunakan. Di bawah ini adalah daftar beberapa aturan karakter set yang digunakan di dunia :

Karakter set Penjelasan
ISO-8859-1alpabet latin bagian 1: Eropa Barat, Amerika Latin, Karibia, Anerika Utara, Kanada, dan Afrika.
ISO-8859-2alpabet latin bagian 2: Eropa Barat.
ISO-8859-3alpabet latin bagian 3: SE Eropa, Esperanto, dll.
ISO-8859-4alpabet latin bagian 4: Scandinavia/Baltics dan  yang lainnya yang tidak termasuk pada ISO-8859-1.
ISO-8859-5alpabet latin/Cyrillic bagian 5: bahasa-bahasa yang menggunakan bahasa cyrillic seperti : Bulgaria, Belarusia, Rusia dan Macedonia.
ISO-8859-6alpabet latin/Arabic bagian 6: bahasa-bahasa yang menggunakan huruf Arab.
ISO-8859-7alpabet latin/Yunani bagian 7: bahasa Yunani moderen seperti simbol matematika  yang berasal dari Yunani.
ISO-8859-8alpabet latin/Ibrani bagian 8: bahasa-bahasa yang menggunakan bahasa Ibrani.
ISO-8859-9alpabet latin 5 bagian 9: Bahasa-bahasa yang menggunakan bahasa Turki, sama dengan ISO-8859-1 kecuali untuk penempatan karakter Turki menggantikan Islandia.
ISO-8859-10alpabet latin 6 Lappish,Nordic, Eskimo : bahasa-bahasa yang menggunakan bahasa Eskimo.
ISO-8859-15alpabet latin 9(aka latin 0): hampir sama dengan ISO-8859-1 tetapi dalam karakter set ini ada beberapa tambahan karakter untuk menggantikan beberapa kekurangan simbol umum dengan tanda euro dan beberapa karakter yang hilang.
ISO-2022-JPalpabet latin/bahasa Jepang bagian 1: bahasa-bahasa yang menggunakan bahasa Jepang.
ISO-2022-JP-2alpabet latin/bahasa Jepang bagian 2: bahasa-bahasa yang menggunakan bahasa Jepang
ISO-2022-KRalpabet latin/bahasa korea bagian 1: bahasa-bahasa yang menggunakan bahasa Korea

Aturan untuk Standar Unicode
Unicode dapat diimplementasikan dengan karakter set yang berbeda-beda akan tetapi pada umumnya menggunakan UTF-8 dan UTF-16. lihat tabel di bawah ini :


Karakter Set Penjelasan
UTF-8karakter pada UTF-8 mempunyai panjang bit 1 s/d 4. UTF-8 dapat menjelaskan setiap karakter pada Standar Unicode. UTF-8 kompatibel dengan ASCII, UTF-8 merupakan referensi pengkodean untuk email dan halaman web.
UTF-16format transformasi UTF-16 merupakan variabel panjang karakter pengkodean untuk Unicode, kemampuan pengkodean yang mencakup berbagai Unicode. UTF-16 digunakan pada banyak sistem operasi dan ekosistemnya seperti: Microsoft Windows XP/2003/VISTA/CE, lingkungan kode bit Java dan .NET.

13 Mei 2013

Penjelasan Entities (Entitas) pada HTML

Entities (entitas) pada HTML digunakan untuk membuat karakter yang tidak mungkin digunakan pada teks dalam HTML, seperti kurang dari (<), lebih dari (>), dan yang lainnya. karakter entitas akan terlihat seperti contoh dibawah ini:
&entity_name, atau &#entity_number
Untuk dapat menampilkan karakter kurang dari sobat harus menulis : &lt; atau &# 60. Keuntungan dari penggunaan entitas adalah untuk memudahkan pengingatan nama, walaupun ada kerugian yang didapatkan dari penggunaan entitas ini karena tidak semua browser mendukung penggunaan karakter entitas. 
Pada umumnya karakter entitas yang digunakan pada HTML adalah non-breaking space, artinya browser akan sealalu memotong spasi pada halaman-halaman dalam HTML. Misalnya, jika sobat menulis 10 spasi pada teks sobat, maka browser akan menghilangkan 9 dari 10 spasi yang sudah sobat tulis. Ini bisa kita tanggulangi dengan menggunkan karakter entitas &nbsp; pada sebagai pengganti spasi pada teks yang akan kita buat.
Dibawah ini daftar karakter entitas pada HTML. Perhatikan Entity name merupakan case sensitiv, artinya huruf kecil dan besar sangat berpengaruh.


Spasi Deskripsi Entity Name Entity Number
Spasinon-breaking space&nbsp;&#160;
<kurang dari&lt;&#60;
>lebih dari&gt;&#62;
&ampersand&amp:&#38;
¢cent&cent;&#162;
£pound&pound;&#163;
¥yen&yen;&#165
€euro&euro;&#8364;
§section&sect;&#167;
©copyright&copy;&#169;
®registered trademark&reg;&#174;
™trademark&trade;&#8482;

25 April 2013

Penjelasan DocType






Deklarasi DocType bukanlah tag HTML, DocType merupakan sebuah instruksi untuk web browser yang akan menjelaskan tentang bahasa markup apa yang akan digunakan dalam menulis sebuah halaman web. Dalam mendeklarasikan sebuah DocType harus mengacu pada Definisi Type Dokumen (DTD), DTD merupakan aturan yang dipakai dalam penggunaan bahasa markup, hal ini dimaksudkan agar browser dapat menampilkan. konten dengan benar. Deklarasi DocType harus menjadi hal pertama yang ditulis pada sebuah dokumen HTML. Pendeklarasian DocType pada halaman HTML sobat dapat membantu browser agar menampilkan konten yang sesuai dengan yang sobat harapkan.
Perhatikan contoh di bawah in :
<!DOCTYPE HTML PUBLIC
"-//W3C/DTD HTML 4.01 Transitional//EN"
"http://www.beyblogdesign.blogspot.com/TR/html4/loose.dtd">
<html>
<head>
<title>......</title>
</head>
<body>....</body>
</html>
Deklarasi DocType di atas merupakan pendeklarasian DTD untuk HTML 4.01 Transitional yang mana DTD ini berisikan semua elemen dan atribut HTML termasuk presentasi dan elemen outdate (seperti font) kecuali frameset.
<!DOC TYPE HTML PUBLIC
"-//W3C/DTD HTML 4.01//EN"
"http ://www.beyblogdesign.blogspot.com/TR/html4/strict.dtd">
<html>
<head>
<title>......</title>
</head>
<body>....</body>
</html>
Deklarasi DocType di atas merupakan pendeklarasian DTD untuk HTML 4.01 Strict yang mana DTD ini berisiskan semua elemen dan atribut HTTML , tidak termasuk presentasi dan elemen outdate serta frameset.

<!DOCTYPE HTML PUBLIC
"-//W3C/DTD HTML 4.01 Framest//EN"
"http://www.beyblogdesign.blogspot.com/TR/html4/frameset.dtd">
<html>
<head>
<title>......</title>
</head>
<body>....</body>
</html>
Deklarasi DocType di atas merupakan pendeklarasian DTD untuk HTML 4.01 Frameset yang mana penjelasannya sama seperti HTML 4.01 Transitional namun pada DTD ini frameset diperbolehkan.

Sekia dulu postingan saya untuk kali ini!!! C U

20 April 2013

Penjelasan Warna pada HTML


Warna pada HTML ditampilkan dengan mengkombinasikan warna RED (merah), GREEN (hijau), dan BLUE (biru). Warna pada HTML ditentukan dengan menggunakan notasi heksadesimal (HEX) untuk menggabungkan warna RED, GREEN, dan BLUE (RGB). Nilai terendah yang dapat diberikan pada satu sumberwarna adalah 0 (HEX : 00) dan untuk nilai tertingginya adalah 255 (HEX : FF). Untuk nilai HEX ditentukan oleh 3 sumber warna dengan dua digit angka dan dimulai denga tanda #.

Gambar dibawah ini menampilkan penjelasan warna pada HTML yang ditentukan dengan nilai HEX

Gambar dibawah ini manampilkan penjelasan warna pada HTML yang ditentukan dengan nilai RGB

Sampai disini dulu postingan saya pada kesempatan ini,,,, enjoyyyy

16 April 2013

HTML List



Pada umumnya terdapat tiga jenis tag HTML List (ordered dan unordered) yaitu,
  • Tag <dl> untuk mendefinisikan list.
  • Tag <ol> untuk memulai sebuah ordered list.
  • Tag <ul> untuk memulai sebuah unordered list.

Ordered list <ol> biasanya didefinisikan kedalam nomor (number). Sedangkan definisi untuk unordered list <ul> adalah bullet dan untuk  definition list <dl> didefisikan pada dictionary. Untuk lebih jelasnya silahkan sobat lihat contoh-contoh untuk HTML list di bawah ini.

1. Contoh dan penjelasan unordered list pada HTML
Unordered list dimulai dengan tag <ul> dan diakhiri dengan tag </ul> .Untuk setiap daftar item ditentukan dengan tag <li>...</li>. Sedangkan untuk daftar item ditandai dengan bullet (berupa bintang atau lingkaran hitam ). Lihat contoh dibawah ini:
<ul>
        <li>Jeruk</li>
        <li>Apel</li>
                             </ul> 
Maka tampilan untuk kode di atas adalah sebagai berikut:
  • Jeruk
  • Apel
2.  Contoh dan penjelasan ordered list pada HTML
Ordered list dimulai dengan tag <ol> dan diakhiri dengan tag</ol>. Untuk setiap daftar item ditentukan dengan tag <li>...</li>. Sedangkan untuk daftar item pada ordered list ditandai dengan nomor. Lihat contoh dibawah ini:
 <ol>
          <li>Sepak Bola</li>
          <li>Bola Basket</li>
                                           </ol>
Maka tampilan untuk kode diatas adalah sebagai berikut:
  1. Sepak Bola
  2. Bola Basket

3. Contoh dan penjelasan definition list pada HTML

Definition list adalah sebuah daftar dari item-item yang disertai dengan penjelasan untuk setiap itemnya. Tag <dl> menjeleskan setiap item pada sebuah daftar. Tag <dl> menggunakan penghubung tag <dt> untuk menentukan  item pada daftar, dan tag <dd> untuk menjelaskan item pada daftar. Lihat contoh dibawah ini:

<dl>
       <dt>Flashdisk</dt>
       <dd>-Sebagai tempat menyimpan data</dd>
       <dd>Modem</dt>
       <dd>-Sebagai alat penghubung ke internet</dd>
                                                                                  </dl>

Maka tampilan untuk kode diatas adalah sebagai berikut:
Flashdisk
-Sebagai temapat penyimpanan data
Modem
-Sebagai alat penghubung ke internet



Sekian dulu postingan saya pada kesempatan kali ini......!!!!

14 April 2013

Penjelasan Standar Atribut Event HTML


Melanjutkan postingan saya yang kemarin tentang Penjelasan Atribut Standar HTML, kali ini saya akan menjelaskan tentang Standar Atribut Event pada HTML. Atribut event  digunakan HTML untuk mengambil suatu action/tindakan yang menyesuaikan pada kondisi browser. Di bawah ini adalah daftar Standar Atribut Event yang dapat dimasukan ke dalam  elemen HTML/XHTML.

Event <body> dan <frameset>
Atribut di bawah ini hanya dapat digunakan pada <body> atau <frameset>.

AtributValuePenjelasan
onloadscriptmengeksekusi script ketika memuat dokumen HTML
onunloadscriptmengeksekusi script ketika unload dokumen HTML

Event Form
Atribut-atribut di bawah ini dapat digunakan pada elemen form.

AtributValuePenjelasan
onblurscriptmengeksekusi script ketika elemen kehilangan fokus (loses focus)
onchangescriptmengeksekusi script ketika nilai elemen berubah/diganti
onfocusscriptmengeksekusi script ketika elemen mendapatkan fokus (get focus)
onresetscriptmengeksekusi script ketika form di reset (ulang)
onselectscriptmengeksekusi script ketika elemen dipilih
onsubmitscriptmengeksekuai script ketika form di submit

Event Image
Atribut di bawah ini dapat digunakan pada elemen <img>

AtributValuePenjalasan
onabortscriptmengeksekusi script ketika proses memuat gambar gagal/terputus

Event Keyboard
Atribut di bawah ini dapat digunakan pada semua elemen. Kecuali, <base>, <bdo>, <br>, <frame>, <frameset>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, dan <title>.

AtributValuePenjelasan
onkeydownscriptmengeksekusi script ketika key ditekan
onkeypressscriptmengeksekusi script ketika key ditekan dan dilepas
onkeyupscriptmengeksekusi script ketika key dilepas

Event Mouse
Atribut dibawah ini dapat digunakan pada semua elemen. Kecuali, <base>, <bdo>, <br>, <frame>, <frameset>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, dan <title>.

AtributValuePenjelasan
onclickscriptmengeksekusi script ketika tombol mouse di klik satu kali
ondblclickscriptmengeksekusi script ketika tombol mouse di klik dua kali
onmousedownscriptmengeksekusi script ketika tombol mouse di tekan
onmousemovescriptmengeksekusi script ketika kursor  mouse berpindah
onmouseoutscriptmengeksekusi script ketika kursor mouse bergerak keluar dari sebuah elemen
onmouseoverscriptmengeksekusi script ketika kursor mouse bergerak melebihi sebuah elemen
onmouseupscriptmengeksekusi script ketika tombol mouse dilepas

Sekian postingan saya kali ini, "Lakukanlah, apa yang sudah sobat rencanakan".

13 April 2013

Penjelasan Atribut Standar HTML


Atribut Standar HTML
Atribut pada tabel di bawah ini merupakan standar atribut HTML dan mendukung  semua tag HTML dan XHTML, kecuali untuk elemen <base>, <head>, <html>, <meta>, <param>, <script>, <style>, dan <title>.

Atribut Value Penjelasan
classclassnamemenentukan nama class pada sebuah elemen
ididmenentukan unique id pada sebuah elemen
stylestyle_defmenentukan inline style pada sebuah elemen
titletextmemberikan informasi tambahan tentang sebuah elemen

Atribut Language
Atribut Language tidak dapat digunakan untuk elemen <base>, <br>, <frame>, <frameset>, <hr>, <iframe>, <param>, dan <script>.

AtributValuePenjelasan
dirltr, rtlmenentukan tujuan teks dari konten/isi dari sebuah elemen
langlang_codemenentukan kode bahasa yang digunakan dalam konten/isi pada sebuah elemen
xml:langlang_codemenentukan kode bahasa yang digunakan dalam konten/isi pada sebuah elemen dalam dokumen XHTML

Atribut Keyboard

AtributValuePenjelasan
accesskeycharactermenentukan shortcut pada keyboard untuk dapat mengakses sebuah elemen
tabindexnumbermenentukan tab order pada sebuah elemen


Sekian dulu postingan saya untuk kali ini. enjoyyyy!!!!!

10 April 2013

Penjelasan Tentang HTML Hyperlink/Link

Hyperlink atau Link adalah sebuah kata, kalimat atau gambar yang dapat sobat klik untuk melompat/berpindah dari satu halaman web ke halaman web lainnya. Ketika sobat memindahkan kursor ke arah sebuah link pada halaman web, tanda panah pada kursor akan merubah menjadi sebuah replika tangan.
Tujuan dari penggunaan Hyperlink atau Link adalah sebagai penyedia referensi  sebuah titik acuan untuk tujuan pengkodean yang pada umumnya ditulis dari HTML Hyperlink. Ini merupakan cara untuk penulis dalam meyediakan potongan/penggalan kode HTML Hyperlink  sehingga mempermudah para visitor untuk melakukan copas (copy/paste) kode kedalam halaman  web mereka, sehingga semua penggunanya bisa melakukan pengeditan kode sesuai dengan apa yang mereka inginkan.
Link dapat ditemukan pada hampir semua halaman web. Link mengijinkan penggunanya untuk mengklik link tersebut sebagai cara untuk melompat/berpindah dari satu halaman web ke halaman web lainnya. Link pada HTML didefinisikan dengan menggunakan Tag <a> yang dapat digunakan dengan 2 cara :
  1. Membuat sebuah link pada halaman lain dengan menggunakan atribut href.
  2. Membuat sebuah bookmark di dalam sebuah halaman dengan menggunakan atribut name.
Kode HTML untuk link yang sederhana akan terlihat seperti ini :


href  adalah atribut yang menentukan tujuan dari link.

Contoh kode sederhana untuk penggunaan sebuah link:



Untuk tampilan contoh kode diatas adalah seperti ini :

Tutorial Blog dan WebDesign

Jika sobat klik link di atas maka sobat akan dibawa menuju halaman beranda blog ini.


Apabila sobat ingin membuat link yang terbuka pada jendela baru pada browser, maka sobat harus menggunakan atribut target yang mana atribut inilah yang menentukan tempat terbukanya sebuah link. Untuk contoh penggunaan kodenya :



 
Maka tampilan untuk contoh diatas adalah seperti ini:


Tampilan sama seperti contoh yang pertama namun kini link ini terbuka pada jendela baru dari browser sobat jika sobat mengkliknya.

Itulah sedikit pengetahuan saya mengenai HTML Hyperlynk/Link yang bisa saya sampaikan kepada sobat blogger  dan semoga bisa menambah pengetahuan sobat tengtang HTML Hyperlink. Silahkan diluruskan atau ditambahkan apabila ada kesalahan atau kekurangan pada atikel ini. Sampai jumpa lagi pada postingan saya berikutnya,,,

"tantangan adalah sebuah hadiah dalam kehidupan"