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 HTML. Tampilkan semua postingan
Tampilkan postingan dengan label HTML. Tampilkan semua postingan

3 Juli 2013

Cara Membuat Link pada Gambar


Tahukah sobat ??? selain untuk mempercantik tampilan blog atau website, gambar   juga bisa sobat jadikan sebagai sebuah link. Sehingga tampilan link sobat menjadi lebih menarik dan lebih interaktif dengan visitor. Dibawah ini saya akan memberikan contoh kode bagaimana cara untuk membuat link pada gambar. 

<!DOCTYPE html>
<html>
<body>
<p>Membuat Link Pada Gambar<a href="http://www.beyblogdesign.blogspot.com"
       target="_blank"><img src="emoticon 1.gif" alt="cara membuat link pada gambar"
       height="260" width="320"><a/></p>
</body>
</html>

Tampilan dari kode diatas adalah seperti dibawah ini  :

membuat link pada gambar


Ketika sobat mengklik gambar di atas, maka sobat akan dibawa ke halaman awal dari blog ini. Untuk penjelasannya silahkan sobat simak ulasan di bawah ini :
  • Ganti tulisan yang berwarna kuning dengan alamat yang akan sobat gunakan!
  • Ganti tulisan yang berwarna hijau dengan gambar yang sobat inginkan!
  • Atribut "target="_blank"" digunakan agar halaman yang diklik akan terbuka pada jendela baru di browser!
  • Atribut "alt" digunakan agar gambar dapat dikenali oleh search engine!
  • Kode html ini bisa digunakan untuk Blog dan Website!
Sekian dulu postingan saya untuk kali ini, semoga bisa menambah ilmu pengetahuan sobat semua. Enjoy!!!!!

8 Juni 2013

Penjelasan Format Media Di HTML

Banyak format video kini sudah mendapat dukungan dari Browser, sehingga kini baik blog ataupun website sudah banyak yang disisipkan video  dengan format yang sangat beragam. Namun kita pun harus menyesuaikan format yang akan dipakai agar sesuai dengan apa yang kita butuhkan sehingga dapat membuat blog atau website kita menjadi lebih menarik. Berikut ini adalah beberapa format video yang sudah mendapat dukungan dari youtube, flash player ataupun HTML 5.


Format File Ekstensi Penjelasan
AVI.aviAVI (Audio Video Interleave) merupakan format video yang dikembangkan oleh Microsoft. Format AVI didukung oleh semua komputer yang berjalan pada sistem operasi Windows dan juga semua browser populer. Format ini merupakan format video yang paling umum digunakan di internet, namun tidak selalu dapat berjalan di komputer yang tidak menggunakan sistem operasi Windows.
FLASH→ .swf
→ .flv
FLASH (shockwave) merupakan format video yang dikemabangkan oleh Macromedia. Format shockwave membutuhkan komponen tambahan untuk dapat menjalankannya akan tetapi pada umumnya komponen yang dibutuhkan telah diinstal oleh browser itu sendiri, seperti Internet Explorer ataupun Firefox.
REAL VIDEO→ .rm
→ .ram
REAL VIDEO merupakan format video yang dikembangkan oleh Real Media. Fotmat ini dapat membuat streaming video (online video atau internet tv) berjalan dengan bandwidth yang rendah, oleh karena format ini meprioritaskan bandwidth sebagai yang paling utama sehingga terkadang kualitas sedikit dikurangi.
QUICK TIME.movQUICKTIME merupakan format video yang dikembangkan oleh Apple, format ini tidak begitu populer di internet, karena tidak bisa berjalan pada komputer yang bersistem operasi Windows, dan harus menambahkan komponen tambahan jika ingin menjalankannya.
MPEG→ .mpg
→ .mpeg
MPEG (Moving Pictures Expert Group) merupakan format yang sanngat populer di internet. MPEG merupakan format video lintas platform yang artinya berjalan pada semua sistem operasi dan juga semua browser populer.
WMV.wmvSama seperti AVI, WMV juga merupakan format video yang dikembangkan oleh Microsoft.  Akan tetapi format ini hanya bisa berjalan pada komputer yang berjalan pada sistem operasi Windows saja, dan jika ingin menjalankan format ini pada sistem operasi selain Windows diperlukan komponen tambahan yang harus di instal.
MPEG-4.mp4MPEG-4 merupakan format baru yang dapat dijalankan di internet. Namun pada kenyataan format ini sangat direkomendasikan oleh youtube untuk menggunakannya

Adapun untuk format sound (suara) yang umumnya digunakan di internet adalah sebagai berikut.


Format File Ekstensi Penjelasan
MIDI→ .mdi
→ .midi
MIDI (Musical Instrument Digital Interface) merupakan format audio untuk perangkat musik elektronik seperti synthesizers dan PC sound card. File MIDI tidak berisikan suara, namun berisikan instruksi (catatan) musik digital yang dapat dimainkan oleh perangkat elektronik seperti PC sound card. Karena format MIDI hanya berisikan instruksi (catatan) sehingga memiliki ukuran yang sangat kecil. Misalnya ukuran file hanya 25 kb namun bisa didengarkan lebih dari 5 menit. MIDI didukung oleh banyak sistem operasi dan software lintas platform juga didukung oleh semua browser populer.
REAL AUDIO→ .rm
→ .ram
Sama seperti format REAL VIDEO, hanya saja format REAL AUDIO berfungsi untuk audio atau suara.
WAVE.wavWAVE (waveform) merupakan format audio yang dikembangkan oleh IBM dan Microsoft. Format ini didukung oleh semua komputer yang berjalan pada sistem operasi Windows, dan semua browser populer kecuali Google Chrome.
WMA.wmaFormat WMA (Windows Media Audio), mempunyai kualitas yang sebanding dengan format mp3 dan kompatible dengan banyak perangkat pemutar musik kecuali i-pod. File-file dalam format WMA dapat dijadikan sebagai aliran data berkelanjutan (streaming) yang membuatnya sangat praktis untuk digunakan pada radio online ataupun situs pemutar musik.
MP3→ .mp3
→ .mpga
format mp3 merupakan format yang paling populer digunakan untuk menyimpan file musik dengan kombinasi sistem pengkodean dan konversi yang baik dengan kualitas yang tinggi.


7 Juni 2013

Penjelasan Dan Penggunaan Multimedia Pada HTML

Sekarang ini penggunaan multimedia pada website atau blog seperti sound, music, video dan animasi sudah banyak mendapat dukungan dari browser untuk dapat digunakan membuat tampilan website atau blog menjadi lebih interaktif. 
♥ Apa itu Mutimedia ?
apa itu multimedia?Mungkin pertanyaan ini pernah terlintas di pikiran sobat semua, multimedia adalah penggunaan komputer untuk menyajikan dan menggabungkan teks, suara, gambar, animasi audio dan video dengan alat bantu (tool) dan koneksi (link) sehingga pengguna dapat melakukan navigasi, berinteraksi, berkarya, dan berkomunikasi. Multimedia hadir dengan berbagai format dan hampir dapat menjadi apapun yang kita dengar atau lihat. Seperti teks, gambar, musik, suara video rekaman, film, animasi dan sebagainya. Di internet sobat mungkin sering menemukan penyisipan elemen multimedia pada halaman web, hal ini terjadi karena browser modern telah mendukung banyak format multimedia.
♠ Dukungan Browser !
Pada pertama kali penggunaan browser internet hanya mendukung teks saja, bahkan teks yang didukungpun sangat terbatas hanya pada satu jenis huruf saja dalam satu warna. Kemudian pada perjalanannya browser pun datang dengan dukungan pada warna, jenis huruf dan teks style, serta menambahkan dukungan untuk gambar untuk selanjutnya mendukung penambahan multimedia dan akan masih terus berkembang. Dukungan untuk suara, animasi dan video ditangani secara berbeda-beda pada setiap browser. Beberapa elemen dapat ditangani oleh browser itu sendiri namun, ada juga beberapa elemen yang membutuhkan sebuah program pembantu tambahan (plug-in).
♦ Fomat Multimedia !
Pada umumnya elemen multimedia (seperti suara/video) disimpan dalam file media dan cara yang paling umum untuk melihat format sebuah media adalah dengan melihat ekstensi yang digunakan oleh file tersebut. Ketika browser menemukan file berekstensi ".htm/.html" maka browser akan berasumsi bahwa file tersebut merupakan halaman HTML. Ektensi ".xml" diindikasikan sebagai file XML dan ekstensi ".css" diindikasikan sebagai file style sheet, sedangkan ekstensi untuk format gambar yang diakui seperti ".jpg , .gif , dan lain-lain. Selain itu elemen multimedia  juga mempunyai format filenya sendiri yang memiliki ekstensi yang berbede-beda seperti .swf , .wmv , .mp3 , dan .mp4.

5 Juni 2013

Entity (Entitas) Yang Didukung Oleh HTML

Berikut ini merupakan daftar Entitas yang didukung oleh HTML.
 

KarakterNomor EntitasNama Entitas
Œ&#338;&Oelig;
œ&#339;&oelig;
Š&#352;&Scaron;
š&#353;&scaron;
Ÿ&#376;&yuml;
ƒ&#402;&fnot;
ˆ&#710;&circ;
˜&#732;&tilde;

&#8194;&ensp;

&#8195;&emsp;

&#8201;&thinsp;

&#8204;&zwnj

&#8205;&zwj;

&#8206;&lrm;

&#8207;&rlm;
–&#8211;&ndash;
—&#8212;&mdash;
‘&#8216;&lsquo;
’&#8217;&rsquo;
‚&#8218;&sbquo;
“&#8220;&ldquo;
”&#8221;&rdquo;
„&#8222;&bdquo;
†&#8224;&dagger;
‡&#8225;&Dagger;
•&#8226;&bull;
…&#8230;&hellip;
‰&#8240;&permil;
′&#8242;&prime;
″&#8243;&Prime;
‹&#8249;&Isaquo;
›&#8250;&rsaquo;
‾&#8254;&online;
€&#8364;&euro;
™&#8482;&trade;
←&#8592;&larr;
↑&#8593;&uarr;
→&#8594;&rarr;
↓&#8595;&darr;
↔&#8596;&harr;
↵&#8629;&crarr;
⌈&#8968;&lceil;
⌉&#8969;&rceil;
⌊&#8970;&lfloor;
⌋&#8971;&rfloor;
◊&#9674;&loz;
♠&#9824;&spades;
♣&#9827;&clubs;
♥&#9829;&hearts;
♦&#9830;&diams;

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
Α&#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;&lota;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

undenfined
(tidak dijelaskan)

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

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
"&#34;&quot;tanda kutip
'&#39;&apos; (tidak bekerja di IE)tanda petik
&&#38;&amp;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.

27 April 2013

Head Pada HTML (Part 1)

Elemen <head> adalah tempat untuk semua elemen-elemen head. Elemen-elemen yang ada pada bagian <head> mencakup script yang berguna untuk menginstruksikan browser dimana tempat untuk menemukan informasi meta dan lain-lain. Berikut ini tag-tag yang dapat ditambahkan ke dalam bagian <head>  beserta contoh dan penjelasannya :

Elemen <title>
Tag <title> digunakan untuk menentukan judul dari dokumen. Elemen <title> dibutuhkan untuk semua dokumen HTML ataupun dokumen XHTML. Kegunaan dari elemen <title> adalah :
  • Untuk mendefinisikan judul pada toolbar browser.
  • Menyediakan judul halaman untuk mempermudah ketika akan menambahkannya ke dalam halaman favorit.
  • Menampilkan judul halaman pada hasil pencarian search engine.
Contoh : 
<html>
<head>
<title>Judul Artikel</title>
</head>
<body>Isi Artikel</body>
</html>

Elemen <base>
Tag <base> digunakan untuk menentukan alamat default atau target default dari semua link yang ada pada halaman web.
Contoh:
<head>
<base href = "http://www.beyblogdesign.blogspot.com/"/>
<base target = "_blank"/>
</head>
AtributValuePenjelasan
hrefurlMengatur url base untuk semua url yang berhubungan halaman web dengan catatan base url harus absolut/ tetap
targetblank
parent
self
top
framename
untuk menentukan tempat dimana link akan di buka.


Elemen <link>

Tag <link> digunakan sebagai penghubung diantara sebuah dokumen dan sumber eksternal. Tag <link> paling sering digunakan sebagai penghubung ke style sheet.
Contoh :
<head>
<link rel = "stylesheet" type = "text/css" href = "mystyle.css">
</head> 
AtributValuePenjelasan
charsetcharencodingmenentukan karakter pengkodean dari dokumen terkait.
hrefURLmenentukan lokasi dari dokumen terkait
hreflanglang_codemenentukan bahasa dari teks pada dokumen terkait
mediascreen
tty
tv
projection
handheld
print
braille
aural
all
menentukan pada perangkat apa dokumen terkait akan ditampilkan.
relalternate
appendix
bookmark
chapter
contents
copyright
glossary
help
home
menu
index
next
subsection
prev
section
start
stylesheet
menentukan hubungan diantara dokumen saat ini dan dokumen terkait

revalternate
appendix
bookmark
chapter
contents
copyright
glossary
help
home
menu
index
next
subsection
prev
section
start
stylesheet
menentukan dokumen terkait dengan dokumen saat ini

targetblank
parent
self
top
framename
menentukan tempat dimana dokumen terkait akan diload


Elemen <style>
Tag <style>  digunakan untuk menjelaskan informasi style dari dokumen HTML. Dalam tag <style> sobat secara khusus menjelaskan bagaimana elemen HTML harus diproses pada browser.
Contoh :
<head>
<style type = " text/css">
body {background-color : yellow} p {color : green}
</style>
</head>
AtributValuePenjelasan
mediascreen
tty
tv
projection
handheld
print
braille
aural
all
menentukan style pada media yang berbeda
typetext/cssmenentukan tipe MIME dari style sheet (D)
Untuk elemen <meta> dan elemen <script> akan saya jelaskan pada postingan selanjutnya!!!Enjoyy
 

  

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