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

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;

2 Mei 2013

Head Pada HTML (Part 2)

Melanjutkan postingan saya sebelumnya tentang Head Pada HTML (part 1) ,maka pada postingan kali ini saya akan menjelaskan tentang elemen <meta> dan elemen <script>.

Elemen <meta>
Tag <meta> digunakan untuk menyediakan metadata pada dokumen HTML. Metadata tidak ditampilkan pada halaman web, namun browser dapat mendeteksi/membacanya. Elemen <meta> biasanya digunakan untuk mendeskripsikan isi halaman web, keyword (kata kunci), informasi penulis, perubahan pada halaman web, dan metadata lainnya. Tag <meta> harus selalu ditulis pada elemen head karena hal ini akan digunaan oleh browser untuk menampilkan konten pada halaman web, search engine (keyword/kata lunci), atau layanan web lainnya. 
Keyword (kata kunci) biasanya digunakan oleh search engine untuk mengindeks halaman dari web sehingga memudahkan orang-orang untuk menemukannya ketika mereka membutuhkannya. Berikut ini contoh tag <meta> yang digunakan untuk mendeskripsikan suatu halaman :
<meta name = "description" content = "Tutorial Blog dan WebDesign"/>
Berikut contoh tag <meta> yang digunakan untuk menjelaskan keyword/kata kunci :
<meta name= "keywords" content = "Head Pada HTML"/>
Tujuan dari penggunaan atribut name dan content adalah untuk mengambarkan konten dari sebuah halaman web.
Kebanyakan Webmaster menggunakan tag <meta> untuk spamming, seperti mengulang keyword/kata kunci, untuk meningkatkan page rank dan untuk tujuan-tujuan lainnya. Oleh karena itu, banyak dari search engine telah menghentikan penggunaan tag <meta> untuk mengindeks atau merangking sebuah halaman web.


Atribut Value Penjelasan
content text menjelaskan konten dari informasi meta
http-equiv content-type
content-style-type
expires
refresh
set-cookie
menyediakan header untuk HTTP mengenai imformasi pada atribut konten
name author
description
keywords
generator
revised
others
menyediakan nama untuk informasi pada atribut konten
scheme format/URI menentukan skema yang akan digunakan untuk menterjemahkan nilai dari atribut konten


Elemen <script>
Tag <script> digunakan untuk menjelaskan script yang client-side, seperti javascript. Setiap elemen script berisikan scripting statement/ scripting point untuk sebuah file script eksternal melalui atribut src. Diperlukan tipe atribut khusus MIME untuk sebuah script. Script yang umumnya digunakan adalah javascript yang bertujuan untuk memanipulasi gambar, menvalidasi form, dan merubah konten secara dinamis. Dibawah ini contoh penggunaan script untuk menampilkan output teks pada HTML :
<script = "text/javascript> document.write("Apa Kabar")</script>
Selain tag <script>, ada juga tag <noscript> yang digunakan untuk memberikan konten alternatif untuk pengguna yang telah menonaktifkan script pada browser mereka / browser yang mereka gunakan tidak mendukung client-side script. Elemen noscript dapat berisikan semua elemen yang dapat kamu temukan didalam elemen body pada halaman HTML yang normal. Konten dalam elemen noscript hanya akan ditampilkan jika script tidak didukung atau pengguna telah menonaktifkannya pada browser yang mereka gunakan. Dibawah ini adalah contoh penggunaan kode tersebut:
<script type = "text/javascript"> document.write("Apa Kabar")</script>
<noscript>Maaf,browser Anda tidak mendukung javascript</noscript>


AtributValuePenjelasan
type MIME-type menentukan tipe MIME dari sebuah script
charset charset menentukan karakter pengkodean yang digunakan pada file script eksternal
defer defer menentukan penundaan atau penangguhan pengeksekusian sebuah script sampai halaman selesai di load(dimuat)
src URL menentukan URL dari file script eksternal
xml:space preserve menentukan apakah spasi dalam kode harus dipertahankan

Sekian penjelasan tentang Head pada HTML yang dapat saya sampaikan buat sobat blogger semua.