Rabu, 07 Maret 2012

Special Entities


The following table gives the character entity reference, decimal character reference, and hexadecimal character reference for markup-significant and internationalization characters, as well as the rendering of each in your browser. Glyphs of the characters are available at the Unicode Consortium.
With the exception of HTML 2.0's ", &, <, and >, browser support for these entities is generally quite poor, but recent browsers support some of the character entity references and decimal character references.
Character Entity Decimal Hex Rendering in Your Browser
Entity Decimal Hex
quotation mark = APL quote " " " " " "
ampersand & & & & & &
less-than sign &lt; &#60; &#x3C; < < <
greater-than sign &gt; &#62; &#x3E; > > >
Latin capital ligature OE &OElig; &#338; &#x152; Œ Œ Œ
Latin small ligature oe &oelig; &#339; &#x153; œ œ œ
Latin capital letter S with caron &Scaron; &#352; &#x160; Š Š Š
Latin small letter s with caron &scaron; &#353; &#x161; š š š
Latin capital letter Y with diaeresis &Yuml; &#376; &#x178; Ÿ Ÿ Ÿ
modifier letter circumflex accent &circ; &#710; &#x2C6; ˆ ˆ ˆ
small tilde &tilde; &#732; &#x2DC; ˜ ˜ ˜
en space &ensp; &#8194; &#x2002;
em space &emsp; &#8195; &#x2003;
thin space &thinsp; &#8201; &#x2009;
zero width non-joiner &zwnj; &#8204; &#x200C;
zero width joiner &zwj; &#8205; &#x200D;
left-to-right mark &lrm; &#8206; &#x200E;
right-to-left mark &rlm; &#8207; &#x200F;
en dash &ndash; &#8211; &#x2013;
em dash &mdash; &#8212; &#x2014;
left single quotation mark &lsquo; &#8216; &#x2018;
right single quotation mark &rsquo; &#8217; &#x2019;
single low-9 quotation mark &sbquo; &#8218; &#x201A;
left double quotation mark &ldquo; &#8220; &#x201C;
right double quotation mark &rdquo; &#8221; &#x201D;
double low-9 quotation mark &bdquo; &#8222; &#x201E;
dagger &dagger; &#8224; &#x2020;
double dagger &Dagger; &#8225; &#x2021;
per mille sign &permil; &#8240; &#x2030;
single left-pointing angle quotation mark &lsaquo; &#8249; &#x2039;
single right-pointing angle quotation mark &rsaquo; &#8250; &#x203A;
euro sign &euro; &#8364; &#x20AC;

Entities for Symbols and Greek Letters


The following table gives the character entity reference, decimal character reference, and hexadecimal character reference for symbols and Greek letters, as well as the rendering of each in your browser. Glyphs of the characters are available at the Unicode Consortium.
Browser support for these entities is generally quite poor, but recent browsers support some of the character entity references and decimal character references.
Character Entity Decimal Hex Rendering in Your Browser
Entity Decimal Hex
Latin small f with hook = function = florin &fnof; &#402; &#x192; ƒ ƒ ƒ
Greek capital letter alpha &Alpha; &#913; &#x391; Α Α Α
Greek capital letter beta &Beta; &#914; &#x392; Β Β Β
Greek capital letter gamma &Gamma; &#915; &#x393; Γ Γ Γ
Greek capital letter delta &Delta; &#916; &#x394; Δ Δ Δ
Greek capital letter epsilon &Epsilon; &#917; &#x395; Ε Ε Ε
Greek capital letter zeta &Zeta; &#918; &#x396; Ζ Ζ Ζ
Greek capital letter eta &Eta; &#919; &#x397; Η Η Η
Greek capital letter theta &Theta; &#920; &#x398; Θ Θ Θ
Greek capital letter iota &Iota; &#921; &#x399; Ι Ι Ι
Greek capital letter kappa &Kappa; &#922; &#x39A; Κ Κ Κ
Greek capital letter lambda &Lambda; &#923; &#x39B; Λ Λ Λ
Greek capital letter mu &Mu; &#924; &#x39C; Μ Μ Μ
Greek capital letter nu &Nu; &#925; &#x39D; Ν Ν Ν
Greek capital letter xi &Xi; &#926; &#x39E; Ξ Ξ Ξ
Greek capital letter omicron &Omicron; &#927; &#x39F; Ο Ο Ο
Greek capital letter pi &Pi; &#928; &#x3A0; Π Π Π
Greek capital letter rho &Rho; &#929; &#x3A1; Ρ Ρ Ρ
Greek capital letter sigma &Sigma; &#931; &#x3A3; Σ Σ Σ
Greek capital letter tau &Tau; &#932; &#x3A4; Τ Τ Τ
Greek capital letter upsilon &Upsilon; &#933; &#x3A5; Υ Υ Υ
Greek capital letter phi &Phi; &#934; &#x3A6; Φ Φ Φ
Greek capital letter chi &Chi; &#935; &#x3A7; Χ Χ Χ
Greek capital letter psi &Psi; &#936; &#x3A8; Ψ Ψ Ψ
Greek capital letter omega &Omega; &#937; &#x3A9; Ω Ω Ω
Greek small letter alpha &alpha; &#945; &#x3B1; α α α
Greek small letter beta &beta; &#946; &#x3B2; β β β
Greek small letter gamma &gamma; &#947; &#x3B3; γ γ γ
Greek small letter delta &delta; &#948; &#x3B4; δ δ δ
Greek small letter epsilon &epsilon; &#949; &#x3B5; ε ε ε
Greek small letter zeta &zeta; &#950; &#x3B6; ζ ζ ζ
Greek small letter eta &eta; &#951; &#x3B7; η η η
Greek small letter theta &theta; &#952; &#x3B8; θ θ θ
Greek small letter iota &iota; &#953; &#x3B9; ι ι ι
Greek small letter kappa &kappa; &#954; &#x3BA; κ κ κ
Greek small letter lambda &lambda; &#955; &#x3BB; λ λ λ
Greek small letter mu &mu; &#956; &#x3BC; μ μ μ
Greek small letter nu &nu; &#957; &#x3BD; ν ν ν
Greek small letter xi &xi; &#958; &#x3BE; ξ ξ ξ
Greek small letter omicron &omicron; &#959; &#x3BF; ο ο ο
Greek small letter pi &pi; &#960; &#x3C0; π π π
Greek small letter rho &rho; &#961; &#x3C1; ρ ρ ρ
Greek small letter final sigma &sigmaf; &#962; &#x3C2; ς ς ς
Greek small letter sigma &sigma; &#963; &#x3C3; σ σ σ
Greek small letter tau &tau; &#964; &#x3C4; τ τ τ
Greek small letter upsilon &upsilon; &#965; &#x3C5; υ υ υ
Greek small letter phi &phi; &#966; &#x3C6; φ φ φ
Greek small letter chi &chi; &#967; &#x3C7; χ χ χ
Greek small letter psi &psi; &#968; &#x3C8; ψ ψ ψ
Greek small letter omega &omega; &#969; &#x3C9; ω ω ω
Greek small letter theta symbol &thetasym; &#977; &#x3D1; ϑ ϑ ϑ
Greek upsilon with hook symbol &upsih; &#978; &#x3D2; ϒ ϒ ϒ
Greek pi symbol &piv; &#982; &#x3D6; ϖ ϖ ϖ
bullet = black small circle &bull; &#8226; &#x2022;
horizontal ellipsis = three dot leader &hellip; &#8230; &#x2026;
prime = minutes = feet &prime; &#8242; &#x2032;
double prime = seconds = inches &Prime; &#8243; &#x2033;
overline = spacing overscore &oline; &#8254; &#x203E;
fraction slash &frasl; &#8260; &#x2044;
script capital P = power set = Weierstrass p &weierp; &#8472; &#x2118;
blackletter capital I = imaginary part &image; &#8465; &#x2111;
blackletter capital R = real part symbol &real; &#8476; &#x211C;
trade mark sign &trade; &#8482; &#x2122;
alef symbol = first transfinite cardinal &alefsym; &#8501; &#x2135;
leftwards arrow &larr; &#8592; &#x2190;
upwards arrow &uarr; &#8593; &#x2191;
rightwards arrow &rarr; &#8594; &#x2192;
downwards arrow &darr; &#8595; &#x2193;
left right arrow &harr; &#8596; &#x2194;
downwards arrow with corner leftwards = carriage return &crarr; &#8629; &#x21B5;
leftwards double arrow &lArr; &#8656; &#x21D0;
upwards double arrow &uArr; &#8657; &#x21D1;
rightwards double arrow &rArr; &#8658; &#x21D2;
downwards double arrow &dArr; &#8659; &#x21D3;
left right double arrow &hArr; &#8660; &#x21D4;
for all &forall; &#8704; &#x2200;
partial differential &part; &#8706; &#x2202;
there exists &exist; &#8707; &#x2203;
empty set = null set = diameter &empty; &#8709; &#x2205;
nabla = backward difference &nabla; &#8711; &#x2207;
element of &isin; &#8712; &#x2208;
not an element of &notin; &#8713; &#x2209;
contains as member &ni; &#8715; &#x220B;
n-ary product = product sign &prod; &#8719; &#x220F;
n-ary sumation &sum; &#8721; &#x2211;
minus sign &minus; &#8722; &#x2212;
asterisk operator &lowast; &#8727; &#x2217;
square root = radical sign &radic; &#8730; &#x221A;
proportional to &prop; &#8733; &#x221D;
infinity &infin; &#8734; &#x221E;
angle &ang; &#8736; &#x2220;
logical and = wedge &and; &#8743; &#x2227;
logical or = vee &or; &#8744; &#x2228;
intersection = cap &cap; &#8745; &#x2229;
union = cup &cup; &#8746; &#x222A;
integral &int; &#8747; &#x222B;
therefore &there4; &#8756; &#x2234;
tilde operator = varies with = similar to &sim; &#8764; &#x223C;
approximately equal to &cong; &#8773; &#x2245;
almost equal to = asymptotic to &asymp; &#8776; &#x2248;
not equal to &ne; &#8800; &#x2260;
identical to &equiv; &#8801; &#x2261;
less-than or equal to &le; &#8804; &#x2264;
greater-than or equal to &ge; &#8805; &#x2265;
subset of &sub; &#8834; &#x2282;
superset of &sup; &#8835; &#x2283;
not a subset of &nsub; &#8836; &#x2284;
subset of or equal to &sube; &#8838; &#x2286;
superset of or equal to &supe; &#8839; &#x2287;
circled plus = direct sum &oplus; &#8853; &#x2295;
circled times = vector product &otimes; &#8855; &#x2297;
up tack = orthogonal to = perpendicular &perp; &#8869; &#x22A5;
dot operator &sdot; &#8901; &#x22C5;
left ceiling = APL upstile &lceil; &#8968; &#x2308;
right ceiling &rceil; &#8969; &#x2309;
left floor = APL downstile &lfloor; &#8970; &#x230A;
right floor &rfloor; &#8971; &#x230B;
left-pointing angle bracket = bra &lang; &#9001; &#x2329;
right-pointing angle bracket = ket &rang; &#9002; &#x232A;
lozenge &loz; &#9674; &#x25CA;
black spade suit &spades; &#9824; &#x2660;
black club suit = shamrock &clubs; &#9827; &#x2663;
black heart suit = valentine &hearts; &#9829; &#x2665;
black diamond suit &diams; &#9830; &#x2666;

Entities


Character entity references, or entities for short, provide a method of entering characters that cannot be expressed in the document's character encoding or that cannot easily be entered on a keyboard. Entities are case-sensitive and take the form &name;. Examples of entities include &copy; for the copyright symbol and &Alpha; for the Greek capital letter alpha.
In addition to entities, authors can use numeric character references. While entities are limited to a subset of Unicode characters, numeric character references can specify any character. Numeric character references may be given in decimal or hexadecimal, though browser support is stronger for decimal references. Decimal references are of the form &#number; while hexadecimal references take the case-insensitive form &#xnumber;. Examples of numeric character references include &#169; or &#xA9; for the copyright symbol, &#913; or &#x391; for the Greek capital letter alpha, and &#1575; or &#x627; for the Arabic letter ALEF.
The following documents feature tables of the character entity references in HTML�4.0, along with the numeric character reference in decimal and hexadecimal. A rendering of each character reference is provided so that users may check their browsers' compliance.

Latin-1 Entities

The following table gives the character entity reference, decimal character reference, and hexadecimal character reference for 8-bit characters in the Latin-1 (ISO-8859-1) character set, as well as the rendering of each in your browser. Glyphs of the characters are available at the Unicode Consortium.
Browser support is generally best for the decimal character references, except for the accented characters (decimal 192-214, 216-246, 248-255), where the character entity references hold a slight edge.
Note that most Mac browsers will render fourteen Latin-1 characters incorrectly. These characters are decimal 166, 178, 179, 185, 188, 189, 190, 208, 215, 221, 222, 240, 253, and 254. See ISO-8859-1 and the Mac platform for more information.
Character Entity Decimal Hex Rendering in Your Browser
Entity Decimal Hex
no-break space = non-breaking space &nbsp; &#160; &#xA0;      
inverted exclamation mark &iexcl; &#161; &#xA1; ¡ ¡ ¡
cent sign &cent; &#162; &#xA2; ¢ ¢ ¢
pound sign &pound; &#163; &#xA3; £ £ £
currency sign &curren; &#164; &#xA4; ¤ ¤ ¤
yen sign = yuan sign &yen; &#165; &#xA5; ¥ ¥ ¥
broken bar = broken vertical bar &brvbar; &#166; &#xA6; ¦ ¦ ¦
section sign &sect; &#167; &#xA7; § § §
diaeresis = spacing diaeresis &uml; &#168; &#xA8; ¨ ¨ ¨
copyright sign &copy; &#169; &#xA9; © © ©
feminine ordinal indicator &ordf; &#170; &#xAA; ª ª ª
left-pointing double angle quotation mark = left pointing guillemet &laquo; &#171; &#xAB; « « «
not sign = discretionary hyphen &not; &#172; &#xAC; ¬ ¬ ¬
soft hyphen = discretionary hyphen &shy; &#173; &#xAD; ­ ­ ­
registered sign = registered trade mark sign &reg; &#174; &#xAE; ® ® ®
macron = spacing macron = overline = APL overbar &macr; &#175; &#xAF; ¯ ¯ ¯
degree sign &deg; &#176; &#xB0; ° ° °
plus-minus sign = plus-or-minus sign &plusmn; &#177; &#xB1; ± ± ±
superscript two = superscript digit two = squared &sup2; &#178; &#xB2; ² ² ²
superscript three = superscript digit three = cubed &sup3; &#179; &#xB3; ³ ³ ³
acute accent = spacing acute &acute; &#180; &#xB4; ´ ´ ´
micro sign &micro; &#181; &#xB5; µ µ µ
pilcrow sign = paragraph sign &para; &#182; &#xB6;
middle dot = Georgian comma = Greek middle dot &middot; &#183; &#xB7; · · ·
cedilla = spacing cedilla &cedil; &#184; &#xB8; ¸ ¸ ¸
superscript one = superscript digit one &sup1; &#185; &#xB9; ¹ ¹ ¹
masculine ordinal indicator &ordm; &#186; &#xBA; º º º
right-pointing double angle quotation mark = right pointing guillemet &raquo; &#187; &#xBB; » » »
vulgar fraction one quarter = fraction one quarter &frac14; &#188; &#xBC; ¼ ¼ ¼
vulgar fraction one half = fraction one half &frac12; &#189; &#xBD; ½ ½ ½
vulgar fraction three quarters = fraction three quarters &frac34; &#190; &#xBE; ¾ ¾ ¾
inverted question mark = turned question mark &iquest; &#191; &#xBF; ¿ ¿ ¿
Latin capital letter A with grave = Latin capital letter A grave &Agrave; &#192; &#xC0; À À À
Latin capital letter A with acute &Aacute; &#193; &#xC1; Á Á Á
Latin capital letter A with circumflex &Acirc; &#194; &#xC2; Â Â Â
Latin capital letter A with tilde &Atilde; &#195; &#xC3; Ã Ã Ã
Latin capital letter A with diaeresis &Auml; &#196; &#xC4; Ä Ä Ä
Latin capital letter A with ring above = Latin capital letter A ring &Aring; &#197; &#xC5; Å Å Å
Latin capital letter AE = Latin capital ligature AE &AElig; &#198; &#xC6; Æ Æ Æ
Latin capital letter C with cedilla &Ccedil; &#199; &#xC7; Ç Ç Ç
Latin capital letter E with grave &Egrave; &#200; &#xC8; È È È
Latin capital letter E with acute &Eacute; &#201; &#xC9; É É É
Latin capital letter E with circumflex &Ecirc; &#202; &#xCA; Ê Ê Ê
Latin capital letter E with diaeresis &Euml; &#203; &#xCB; Ë Ë Ë
Latin capital letter I with grave &Igrave; &#204; &#xCC; Ì Ì Ì
Latin capital letter I with acute &Iacute; &#205; &#xCD; Í Í Í
Latin capital letter I with circumflex &Icirc; &#206; &#xCE; Î Î Î
Latin capital letter I with diaeresis &Iuml; &#207; &#xCF; Ï Ï Ï
Latin capital letter ETH &ETH; &#208; &#xD0; Ð Ð Ð
Latin capital letter N with tilde &Ntilde; &#209; &#xD1; Ñ Ñ Ñ
Latin capital letter O with grave &Ograve; &#210; &#xD2; Ò Ò Ò
Latin capital letter O with acute &Oacute; &#211; &#xD3; Ó Ó Ó
Latin capital letter O with circumflex &Ocirc; &#212; &#xD4; Ô Ô Ô
Latin capital letter O with tilde &Otilde; &#213; &#xD5; Õ Õ Õ
Latin capital letter O with diaeresis &Ouml; &#214; &#xD6; Ö Ö Ö
multiplication sign &times; &#215; &#xD7; × × ×
Latin capital letter O with stroke = Latin capital letter O slash &Oslash; &#216; &#xD8; Ø Ø Ø
Latin capital letter U with grave &Ugrave; &#217; &#xD9; Ù Ù Ù
Latin capital letter U with acute &Uacute; &#218; &#xDA; Ú Ú Ú
Latin capital letter U with circumflex &Ucirc; &#219; &#xDB; Û Û Û
Latin capital letter U with diaeresis &Uuml; &#220; &#xDC; Ü Ü Ü
Latin capital letter Y with acute &Yacute; &#221; &#xDD; Ý Ý Ý
Latin capital letter THORN &THORN; &#222; &#xDE; Þ Þ Þ
Latin small letter sharp s = ess-zed &szlig; &#223; &#xDF; ß ß ß
Latin small letter a with grave = Latin small letter a grave &agrave; &#224; &#xE0; à à à
Latin small letter a with acute &aacute; &#225; &#xE1; á á á
Latin small letter a with circumflex &acirc; &#226; &#xE2; â â â
Latin small letter a with tilde &atilde; &#227; &#xE3; ã ã ã
Latin small letter a with diaeresis &auml; &#228; &#xE4; ä ä ä
Latin small letter a with ring above = Latin small letter a ring &aring; &#229; &#xE5; å å å
Latin small letter ae = Latin small ligature ae &aelig; &#230; &#xE6; æ æ æ
Latin small letter c with cedilla &ccedil; &#231; &#xE7; ç ç ç
Latin small letter e with grave &egrave; &#232; &#xE8; è è è
Latin small letter e with acute &eacute; &#233; &#xE9; é é é
Latin small letter e with circumflex &ecirc; &#234; &#xEA; ê ê ê
Latin small letter e with diaeresis &euml; &#235; &#xEB; ë ë ë
Latin small letter i with grave &igrave; &#236; &#xEC; ì ì ì
Latin small letter i with acute &iacute; &#237; &#xED; í í í
Latin small letter i with circumflex &icirc; &#238; &#xEE; î î î
Latin small letter i with diaeresis &iuml; &#239; &#xEF; ï ï ï
Latin small letter eth &eth; &#240; &#xF0; ð ð ð
Latin small letter n with tilde &ntilde; &#241; &#xF1; ñ ñ ñ
Latin small letter o with grave &ograve; &#242; &#xF2; ò ò ò
Latin small letter o with acute &oacute; &#243; &#xF3; ó ó ó
Latin small letter o with circumflex &ocirc; &#244; &#xF4; ô ô ô
Latin small letter o with tilde &otilde; &#245; &#xF5; õ õ õ
Latin small letter o with diaeresis &ouml; &#246; &#xF6; ö ö ö
division sign &divide; &#247; &#xF7; ÷ ÷ ÷
Latin small letter o with stroke = Latin small letter o slash &oslash; &#248; &#xF8; ø ø ø
Latin small letter u with grave &ugrave; &#249; &#xF9; ù ù ù
Latin small letter u with acute &uacute; &#250; &#xFA; ú ú ú
Latin small letter u with circumflex &ucirc; &#251; &#xFB; û û û
Latin small letter u with diaeresis &uuml; &#252; &#xFC; ü ü ü
Latin small letter y with acute &yacute; &#253; &#xFD; ý ý ý
Latin small letter thorn &thorn; &#254; &#xFE; þ þ þ
Latin small letter y with diaeresis &yuml; &#255; &#xFF; ÿ ÿ ÿ

Structure of an HTML 4.0 Document


Elemen dan TagElemen adalah struktur yang menggambarkan bagian dari sebuah dokumen HTML.Misalnya, unsur P merupakan sebuah paragraf sedangkan unsur EM memberikan konten ditekankan.
Sebuah elemen memiliki tiga bagian: tag pembuka, isi, dan tag akhir. Tag adalah teks khusus - "markup" - yang ditandai dengan "<" dan ">". Sebuah tag penutup mencakup "/" setelah "<". Misalnya, elemen EM memiliki start tag, <em>, dan tag akhir, </ EM>.Tag awal dan akhir mengelilingi isi dari elemen EM:
<em> Ini menekankan teks </ EM>
Nama elemen selalu case-insensitive, sehingga <em>, <em>, dan <em> semua sama.
Unsur yang tidak dapat saling tumpang tindih. Jika tag pembuka untuk sebuah elemen EM muncul dalam P, tag penutup EM juga harus muncul dalam elemen P yang sama.
Beberapa elemen memungkinkan awal atau tag akhir harus dihilangkan. Sebagai contoh, tag akhir LI selalu opsional sejak akhir elemen tersirat oleh elemen LI berikutnya atau pada akhir daftar:
<ul>
  
<li> Item daftar Pertama, tidak ada tag penutup
  
<li> Daftar item Kedua; tag akhir opsional termasuk </ LI>
  
<li> Item daftar Ketiga, tidak ada tag penutup</ UL>Beberapa elemen tidak memiliki tag penutup karena mereka memiliki konten yang ada.Unsur-unsur, seperti unsur BR untuk jeda baris, diwakili hanya oleh tag awal dan dikatakan kosong.
AtributSebuah atribut elemen mendefinisikan berbagai properti untuk elemen. Misalnya, unsur IMG mengambil atribut SRC untuk menyediakan lokasi gambar dan atribut ALT untuk memberikan text alternatif untuk gambar tersebut tidak loading:
<IMG SRC="wdglogo.gif" ALT="Web Desain Group">
Atribut termasuk dalam tag pembuka saja - tidak pernah tag penutup - dan mengambil bentuk Atribut-name = "Atribut-nilai". Nilai atribut dibatasi oleh tanda kutip tunggal atau ganda. Tanda kutip adalah opsional jika nilai atribut hanya terdiri dari huruf dalam kisaran AZ dan az, angka (0-9), tanda hubung ("-"), dan titik (".").
Nama atribut bersifat case-insensitive, tapi nilai atribut mungkin case-sensitive.
Karakter KhususKarakter tertentu dalam HTML dicadangkan untuk digunakan sebagai markup dan harus melarikan diri untuk tampil secara harfiah. The "<" karakter dapat diwakili dengan <, entitas. Demikian pula, ">" yang lolos sebagai>, dan "&" yang lolos sebagai &. Jika nilai atribut berisi tanda kutip ganda dan dibatasi oleh tanda kutip ganda, maka kutipan harus melarikan diri sebagai ".
Entitas lain ada untuk karakter khusus yang tidak dapat dengan mudah masuk dengan beberapa keyboard. Misalnya, simbol hak cipta ("") dapat diwakili dengan © entitas.Lihat bagian Entitas untuk daftar lengkap dari HTML4.0 entitas.
Sebagai alternatif untuk entitas, penulis juga dapat menggunakan referensi karakter numerik. Setiap karakter dapat diwakili oleh referensi karakter numerik berdasarkan "posisi kode" dalam Unicode. Misalnya, orang bisa menggunakan © untuk simbol hak cipta atau ا untuk Alef huruf Arab.
KomentarKomentar dalam HTML memiliki sintaks yang rumit yang dapat disederhanakan dengan mengikuti peraturan ini: Mulailah dengan komentar "<-!", Mengakhirinya dengan "->", dan tidak menggunakan "-" di dalam komentar.
<- Sebuah contoh komentar ->
Sebuah Dokumen HTML4.0 LengkapSebuah dokumen HTML4.0 dimulai dengan deklarasi DOCTYPE yang menyatakan versi dari HTML yang dokumen sesuai. Elemen HTML berikut dan berisi HEAD dan BODY. HEAD berisi informasi tentang dokumen, seperti judul dan kata kunci, sementara BODY berisi konten yang sebenarnya dokumen, terdiri dari blok-tingkat elemen dan elemen inline. Sebuah dokumen HTML4.0 dasar mengambil bentuk sebagai berikut:
<DOCTYPE HTML PUBLIC "- / / W3C / / DTD HTML 4.0 / / EN"
        
"Http://www.w3.org/TR/REC-html40/strict.dtd~~V"><HTML>
  
<HEAD>
    
<TITLE> Judul dokumen </ TITLE>
  
</ HEAD>
  
<BODY>
    
<H1> Utama pos </ H1>
    
<P> Ayat A </ P>.
    
<P> Ayat lain </ P>.
    
<ul>
      
<li> Item daftar </ LI>.
      
<li> Lain item daftar </ LI>.
    
</ UL>
  
</ BODY></ HTML>Dalam sebuah dokumen Frameset, elemen FRAMESET menggantikan elemen BODY.
Memvalidasi HTML AndaSetiap dokumen HTML harus divalidasi untuk memeriksa kesalahan seperti tanda kutip hilang (<A HREF="oops.html> Ups </ A>), elemen yang salah eja atau atribut nama, dan struktur yang tidak valid. Kesalahan tersebut tidak selalu jelas saat melihatdokumen dalam browser karena browser dirancang untuk memulihkan dari kesalahan dari penulis tersebut. Namun, browser yang berbeda sembuh dengan cara yang berbeda, kadang-kadang menyebabkan teks tidak terlihat di satu browser tetapi tidak pada orang lain.
Para Berastagi HTML Validator memeriksa keabsahan dokumen HTML4.0.
Perhatikan bahwa beberapa program mengklaim sebagai validator tapi benar-benar tidak. Validator memeriksa dokumen terhadap definisi jenis dokumen formal (DTD), sedangkan program lain seperti lints memperingatkan tentang HTML yang valid tapi tidak aman. Kedua jenis program yang berguna, tetapi validasi tidak boleh dilupakan.

Selasa, 06 Maret 2012

HTML 4.0 Elements

Berikut ini adalah daftar alfabetis dari semua HTML4.0 elemen. Sebuah daftar organisasi juga tersedia.




  • A - Anchor 
  • ABBR - Abbreviation 
  • ACRONYM - Acronym 
  • ADDRESS - Address 
  • APPLET - Java applet 
  • AREA - Image map region 
  • B - Bold text 
  • BASE - Document base URI 
  • BASEFONT - Base font change 
  • BDO - BiDi override 
  • BIG - Large text 
  • BLOCKQUOTE - Block quotation 
  • BODY - Document body 
  • BR - Line break 
  • BUTTON - Button 
  • CAPTION - Table caption 
  • CENTER - Centered block 
  • CITE - Citation 
  • CODE - Computer code 
  • COL - Table column 
  • COLGROUP - Table column group 
  • DD - Definition description 
  • DEL - Deleted text 
  • DFN - Defined term 
  • DIR - Directory list 
  • DIV - Generic block-level container 
  • DL - Definition list 
  • DT - Definition term 
  • EM - Emphasis 
  • FIELDSET - Form control group 
  • FONT - Font change 
  • FORM - Interactive form 
  • FRAME - Frame 
  • FRAMESET - Frameset 
  • H1 - Level-one heading 
  • H2 - Level-two heading 
  • H3 - Level-three heading 
  • H4 - Level-four heading 
  • H5 - Level-five heading 
  • H6 - Level-six heading 
  • HEAD - Document head 
  • HR - Horizontal rule 
  • HTML - HTML document 
  • I - Italic text 
  • IFRAME - Inline frame 
  • IMG - Inline image 
  • INPUT - Form input 
  • INS - Inserted text 
  • ISINDEX - Input prompt 
  • KBD - Text to be input 
  • LABEL - Form field label 
  • LEGEND - Fieldset caption 
  • LI - List item 
  • LINK - Document relationship 
  • MAP - Image map 
  • MENU - Menu list 
  • META - Metadata 
  • NOFRAMES - Frames alternate content 
  • NOSCRIPT - Alternate script content 
  • OBJECT - Object 
  • OL - Ordered list 
  • OPTGROUP - Option group 
  • OPTION - Menu option 
  • P - Paragraph 
  • PARAM - Object parameter 
  • PRE - Preformatted text 
  • Q - Short quotation 
  • S - Strike-through text 
  • SAMP - Sample output 
  • SCRIPT - Client-side script 
  • SELECT - Option selector 
  • SMALL - Small text 
  • SPAN - Generic inline container 
  • STRIKE - Strike-through text 
  • STRONG - Strong emphasis 
  • STYLE - Embedded style sheet 
  • SUB - Subscript 
  • SUP - Superscript 
  • TABLE - Table 
  • TBODY - Table body 
  • TD - Table data cell 
  • TEXTAREA - Multi-line text input 
  • TFOOT - Table foot 
  • TH - Table header cell 
  • THEAD - Table head 
  • TITLE - Document title 
  • TR - Table row 
  • TT - Teletype text 
  • U - Underlined text 
  • UL - Unordered list 
  • VAR - Variable 


HTML 4.0 Common Attributes

Sejumlah atribut di HTML4.0 yang umum untuk kebanyakan unsur. Atribut ini dibagi menjadi atribut inti, atribut internasionalisasi, dan acara scripting.


Core Attributes
     ID
     Atribut ID unik mengidentifikasi elemen dalam dokumen. Tidak ada dua elemen dapat memiliki nilai ID yang sama dalam satu dokumen. Nilai atribut itu harus dimulai dengan satu huruf pada kisaran AZ atau az dan dapat diikuti oleh huruf (A-Za-z), angka (0-9), tanda hubung ("-"), garis bawah ("_"), titik dua (":"), dan titik (".").

Contoh berikut menggunakan atribut ID untuk mengidentifikasi masing-masing dari dua paragraf pertama dokumen:

        <P ID=firstp> paragraf pertama saya. </ P>
        <P ID=secondp> paragaph kedua saya. </ P>

Paragraf dalam contoh bisa memiliki aturan style yang berhubungan dengan mereka melalui atribut ID mereka. Lembar Cascading Class Style ( CSS ) berikut mendefinisikan warna unik untuk dua paragraf:
menbuat dengan CSS :

   P # firstp {
  color: navy;
  
latar belakang: transparan}
P # secondp {
  
warna: hitam;
  
latar belakang: transparan}

Paragraf dalam contoh awal juga dapat digunakan sebagai jangkar target untuk link: 

<P> Lihat HREF="#firstp"> <A paragraf pembukaan </ A> Untuk informasi lebih lanjut </ P>.  or
 <a href="#">A</a> {#= dalam arti penganti link} 
Cth: <a href="http://www.echodox.com/page1>Clik Link disini</a>
hasil: Clik Link disini munculah  website: www.echodox.com

Perhatikan bahwa kebanyakan browser tidak mendukung atribut ID untuk jangkar link.Untuk browser saat ini, penulis harus menggunakan <A NAME="..."> ... </ A> dalam elemen bukan ID.
Karena ID dan A pangsa NAMA atribut ruang nama yang sama, penulis tidak dapat menggunakan nilai yang sama untuk atribut ID dan atribut NAMA Unsur dalam dokumen yang sama. Juga mencatat bahwa sementara NAMA mungkin berisi entitas, nilai atribut ID mungkin tidak.
Class

Atribut Class menentukan elemen yang menjadi anggota dari satu atau lebih kelas.Kelas memungkinkan penulis untuk menentukan jenis spesifik dari elemen tertentu.Misalnya, penulis bisa menggunakan CLASS=Java> <CODE ketika memberikan kode Java dan CLASS=Perl> <CODE ketika memberikan kode Perl.
Berbeda dengan atribut ID, sejumlah elemen dapat berbagi class yang sama. Sebuah elemen juga mungkin milik beberapa class; nilai atribut CLASS adalah daftar dipisahkan dengan spasi dari nama class.
Perhatikan bahwa kebanyakan browser saat ini tidak mendukung beberapa kelas.Browser tersebut biasanya mengabaikan atribut CLASS yang menentukan beberapa kelas.
Atribut class sangat berguna bila dikombinasikan dengan style sheet. Sebagai contoh, perhatikan panel navigasi berikut:
<DIV CLASS=navbar><A <P> HREF="/"> Home </ A> | <A HREF="./"> Indeks </ A> | <A HREF="/search.html"> Pencarian </ A> </ P><A <P> HREF="/"> <IMG SRC="logo.gif" alt="" TITLE="WDG Logo"> </ A> </ P></ DIV>
Penggunaan ini contoh dari atribut CLASS memungkinkan aturan style untuk dengan mudah ditambahkan. Lembar Cascading Style berikut menunjukkan presentasi untuk contoh sebelumnya:
. Navbar {
  
margin-top: 2em;
  
padding-top: 1em;
  
border-top: padat tipis angkatan laut}
Navbar IMG {float: right}.
@ Media cetak {
  
Navbar. {Display: none}}

GAYA/ STYLE

Atribut STYLE memungkinkan penulis untuk menentukan aturan gaya inline untuk kejadian tunggal elemen. Sebuah contoh berikut:
<P> Font yang populer untuk di layar membaca adalah <span style="font-family: Verdana"> Verdana </ SPAN> </ P>.
Ketika atribut STYLE digunakan, gaya bahasa default lembar harus ditentukan untuk dokumen tersebut dengan menetapkan header Content-Style-Type HTTP untuk jenis media dari bahasa style sheet. Contoh sebelumnya bisa menggunakan elemen META berikut dalam HEAD dokumen:
<META HTTP-EQUIV="Content-Style-Type" CONTENT="text/css">
Dalam kebanyakan kasus, penggunaan atribut CLASS atau ID adalah pilihan yang lebih baik daripada menggunakan STYLE sejak ID dan CLASS dapat diterapkan secara selektif untuk media yang berbeda dan karena mereka memberikan pemisahan isi dan presentasi yang sering menyederhanakan pemeliharaan.
JUDUL/Title

Atribut TITLE memberikan judul untuk elemen dan umumnya diimplementasikan sebagai "tooltip" pada browser visual, meskipun banyak browser kurangnya dukungan untuk TITLE. Atribut yang paling berguna dengan A LINK,, IMG, dan elemen OBYEK, di mana ia memberikan judul untuk sumber daya terkait atau tertanam. Beberapa contoh berikut:

  • <A HREF="mailto:liam@htmlhelp.com" TITLE="Feedback pada HTML 4.0 Reference"> liam@htmlhelp.com </ A>
  • <A HREF="http://www-genome.wi.mit.edu/ftp/pub/software/WWW/cgi_docs.html" TITLE="CGI.pm-a Perl5 CGI Library"> CGI.pm </ A >
  • <link REL=Alternate HREF="index.fr.html" HREFLANG=fr LANG=fr TITLE="Version fran鏰ise">
  • <OBYEK classid = "java: Yahtzee.class" CODETYPE = "application / java" WIDTH = 400 HEIGHT = 250 STANDBY = "Siap untuk bermain Yahtzee?" TITLE = "Saya Yahtzee Game">
<IMG SRC="yahtzee.gif" alt="" TITLE="A Yahtzee animation">Yahtzee adalah <em> favorit saya </ EM> permainan!</ OBYEK>JUDUL juga membantu dengan abbr dan elemen SINGKATAN untuk memberikan bentuk panjang singkatan. Contoh:
Bobotnya 180 lbs <ABBR TITLE=pounds>. </ Abbr><ABBR TITLE="Parti Qu閎閏ois" LANG=fr-CA> PQ </ abbr><ACRONYM TITLE="North Atlantic Treaty Organization"> NATO </ SINGKATAN>Internasionalisasi Atribut

LANG

Atribut LANG menentukan bahasa nilai atribut elemen dan isinya, termasuk semua unsur yang terkandung yang tidak menentukan atribut mereka sendiri LANG.Sementara atribut LANG tidak didukung secara luas, penggunaannya dapat membantu mesin pencari indeks dokumen dengan bahasanya sementara memungkinkan alat bicara menggunakan bahasa yang tergantung aturan pengucapan. Selain itu, browser visual dapat menggunakan tanda yang tepat bahasa ini kutipan ketika render elemen Q.
Nilai atribut bersifat case-insensitive, dan harus dirinci menurut RFC 1766; contoh termasuk en untuk bahasa Inggris, en-US untuk Amerika Inggris, dan ja untuk Jepang.Spasi tidak diperbolehkan dalam kode bahasa.
Penggunaan atribut LANG juga memungkinkan penulis untuk dengan mudah mengubah gaya teks tergantung pada bahasa. Sebagai contoh, sebuah dokumen dua bahasa mungkin memiliki satu bahasa dalam huruf miring jika diberikan secara visual atau suara yang berbeda jika diberikan aurally. HTML dokumen tersebut mungkin sebagai berikut:
<DOCTYPE HTML PUBLIC "- / / W3C / / DTD HTML 4.0 / / EN"
   
"Http://www.w3.org/TR/REC-html40/strict.dtd~~V"><TITLE> Welcome - ECHODOX </ TITLE><H1>
  
<SPAN LANG=en> Selamat Datang </ SPAN> -
  
<SPAN LANG=fr> Bienvenue </ SPAN></ H1><P LANG=en> ayat ini dalam bahasa Inggris. </ P><P LANG=fr> Ce paragraphe est en fran 鏰 adalah. </ P>...Bahasa utama Sebuah dokumen dapat diatur menggunakan atribut LANG pada elemen HTML, atau, sebagai alternatif, dengan menggunakan header Content-Language HTTP.
DIR

Atribut DIR menentukan directionality teks - kiri ke kanan (DIR = ltr, default) atau kanan-ke-kiri (DIR = rtl). Karakter dalam Unicode ditugaskan arah, kiri ke kanan atau kanan ke kiri, untuk memungkinkan teks yang akan diberikan dengan benar. Sebagai contoh, sementara karakter bahasa Inggris disajikan kiri ke kanan, karakter Ibrani disajikan kanan-ke-kiri.
Unicode mendefinisikan algoritma dua arah yang harus diterapkan setiap kali sebuah dokumen berisi kanan-ke-kiri karakter. Sedangkan algoritma ini biasanya memberikan presentasi yang tepat, beberapa situasi meninggalkan teks terarah netral dan membutuhkan atribut DIR untuk menentukan directionality dasar.
Teks sering terarah netral ketika ada embeddings beberapa konten dengan directionality berbeda. Sebagai contoh, sebuah kalimat bahasa Inggris yang berisi frase Ibrani yang berisi kutipan bahasa Inggris akan memerlukan atribut DIR untuk menentukan directionality ungkapan Ibrani. Ungkapan Ibrani, termasuk kutipan bahasa Inggris, harus terkandung dalam elemen SPAN dengan DIR = rtl.
Umum Scripting Acara

Sejumlah atribut yang mendefinisikan sisi klien peristiwa scripting yang umum untuk kebanyakan unsur. Nilai atribut adalah script - biasanya panggilan fungsi atau pernyataan singkat - yang dieksekusi ketika peristiwa terjadi. Nilainya mungkin berisi entitas (misalnya, ").
Contoh berikut fitur kode JavaScript untuk menangani dua peristiwa tombol kirim, memberikan pengguna sebuah pengingat pada status bar ketika mouse bergerak di atas tombol dan membersihkan status bar ketika mouse bergerak menjauh. Perhatikan bahwa nilai atribut yang dipisahkan oleh tanda kutip tunggal sejak tanda kutip ganda digunakan dalam diri mereka.
<input TYPE=submit ONMOUSEOVER='window.status="Did Anda mengisi semua ONMOUSEOUT='window.status="";'> fields?";' diperlukan
Ketika sebuah atribut event yang digunakan, bahasa scripting standar harus ditetapkan untuk dokumen tersebut dengan menetapkan header Content-Type-Script HTTP untuk jenis media dari bahasa scripting. Contoh sebelumnya bisa menggunakan elemen META berikut dalam HEAD dokumen:
<META HTTP-EQUIV="Content-Script-Type" CONTENT="text/javascript">
Atribut event umum adalah perangkat yang tergantung dan sebagian besar disesuaikan untuk antarmuka pengguna grafis. Peristiwa yang tersedia adalah sebagai berikut:

  • Onclick, ketika tombol mouse diklik pada sebuah elemen;
  • ONDBLCLICK, ketika tombol mouse mengklik ganda pada suatu elemen;
  • Onmousedown, ketika tombol mouse ditekan lebih elemen;
  • Onmouseup, ketika tombol mouse dilepaskan lebih elemen;
  • OnMouseOver, ketika mouse digerakkan ke elemen;
  • Onmousemove, ketika mouse digerakkan sementara lebih elemen;
  • Onmouseout, ketika mouse menjauh dari elemen;
  • Onkeypress, ketika tombol ditekan dan dilepaskan lebih elemen;
  • OnKeyDown, ketika tombol ditekan ke bawah elemen;
  • Onkeyup, ketika tombol dilepaskan lebih elemen.