Some test constructs This is code<code>This is code</code> This is address <address>This is address</address> This is big <big>This is big</big> This is cite <cite>This is cite</cite> This is del<del>This is del</del> This is dfn <dfn>This is dfn</dfn> This is em <em>This is em</em> This is h1
<h1>This is h1</h1> This is h2
<h2>This is h2</h2> This is h3
<h3>This is h3</h3> This is h4
<h4>This is h4</h4> This is h5
<h5>This is h5</h5> This is h6
<h6>This is h6</h6> This is ins <ins>This is ins</ins> This is kbd <kbd>This is kbd</kbd> This is strike-trough<s>This is strike-trough</s> This is samp <samp>This is samp</samp> This is small <small>This is small</small> This is strike<strike>This is strike</strike> This is strong <strong>This is strong</strong> This is sub This <sub>is sub</sub> This is sup This <sup>is sup</sup> This is u <u>This is u</u> This is var <var>This is var</var> This is tt <tt>This is tt</tt> This is small strong sub in a link This <sub><small><a href="#html">is small <strong>strong</strong> sub in a link</a></small></sub>
Meta tags <META HTTP-EQUIV="expires" CONTENT="Fri, 25 Feb 2000 14:15:16 GMT"> Controls the expire date of the document. The date must be given in RFC 850format, as per example <META HTTP-EQUIV="Refresh" CONTENT="5;URL=http://www.something.com/doc.html"> Wait for the given number of seconds (5 in the example) and load the given URL
Web safe pallete
R=00 G=00 G=33 G=66 G=99 G=cc G=ff B=00 #000000 R=0 G=0 B=0 #003300 R=0 G=51 B=0 #006600 R=0 G=102 B=0 #009900 R=0 G=153 B=0 #00cc00 R=0 G=204 B=0 #00ff00 R=0 G=255 B=0B=33 #000033 R=0 G=0 B=51 #003333 R=0 G=51 B=51 #006633 R=0 G=102 B=51 #009933 R=0 G=153 B=51 #00cc33 R=0 G=204 B=51 #00ff33 R=0 G=255 B=51B=66 #000066 R=0 G=0 B=102 #003366 R=0 G=51 B=102 #006666 R=0 G=102 B=102 #009966 R=0 G=153 B=102 #00cc66 R=0 G=204 B=102 #00ff66 R=0 G=255 B=102B=99 #000099 R=0 G=0 B=153 #003399 R=0 G=51 B=153 #006699 R=0 G=102 B=153 #009999 R=0 G=153 B=153 #00cc99 R=0 G=204 B=153 #00ff99 R=0 G=255 B=153B=cc #0000cc R=0 G=0 B=204 #0033cc R=0 G=51 B=204 #0066cc R=0 G=102 B=204 #0099cc R=0 G=153 B=204 #00cccc R=0 G=204 B=204 #00ffcc R=0 G=255 B=204B=ff #0000ff R=0 G=0 B=255 #0033ff R=0 G=51 B=255 #0066ff R=0 G=102 B=255 #0099ff R=0 G=153 B=255 #00ccff R=0 G=204 B=255 #00ffff R=0 G=255 B=255
R=33 G=00 G=33 G=66 G=99 G=cc G=ff #330000 R=51 G=0 B=0 #333300 R=51 G=51 B=0 #336600 R=51 G=102 B=0 #339900 R=51 G=153 B=0 #33cc00 R=51 G=204 B=0 #33ff00 R=51 G=255 B=0 #330033 R=51 G=0 B=51 #333333 R=51 G=51 B=51 #336633 R=51 G=102 B=51 #339933 R=51 G=153 B=51 #33cc33 R=51 G=204 B=51 #33ff33 R=51 G=255 B=51 #330066 R=51 G=0 B=102 #333366 R=51 G=51 B=102 #336666 R=51 G=102 B=102 #339966 R=51 G=153 B=102 #33cc66 R=51 G=204 B=102 #33ff66 R=51 G=255 B=102 #330099 R=51 G=0 B=153 #333399 R=51 G=51 B=153 #336699 R=51 G=102 B=153 #339999 R=51 G=153 B=153 #33cc99 R=51 G=204 B=153 #33ff99 R=51 G=255 B=153 #3300cc R=51 G=0 B=204 #3333cc R=51 G=51 B=204 #3366cc R=51 G=102 B=204 #3399cc R=51 G=153 B=204 #33cccc R=51 G=204 B=204 #33ffcc R=51 G=255 B=204 #3300ff R=51 G=0 B=255 #3333ff R=51 G=51 B=255 #3366ff R=51 G=102 B=255 #3399ff R=51 G=153 B=255 #33ccff R=51 G=204 B=255 #33ffff R=51 G=255 B=255
R=66 B=00 #660000 R=102 G=0 B=0 #663300 R=102 G=51 B=0 #666600 R=102 G=102 B=0 #669900 R=102 G=153 B=0 #66cc00 R=102 G=204 B=0 #66ff00 R=102 G=255 B=0B=33 #660033 R=102 G=0 B=51 #663333 R=102 G=51 B=51 #666633 R=102 G=102 B=51 #669933 R=102 G=153 B=51 #66cc33 R=102 G=204 B=51 #66ff33 R=102 G=255 B=51B=66 #660066 R=102 G=0 B=102 #663366 R=102 G=51 B=102 #666666 R=102 G=102 B=102 #669966 R=102 G=153 B=102 #66cc66 R=102 G=204 B=102 #66ff66 R=102 G=255 B=102B=99 #660099 R=102 G=0 B=153 #663399 R=102 G=51 B=153 #666699 R=102 G=102 B=153 #669999 R=102 G=153 B=153 #66cc99 R=102 G=204 B=153 #66ff99 R=102 G=255 B=153B=cc #6600cc R=102 G=0 B=204 #6633cc R=102 G=51 B=204 #6666cc R=102 G=102 B=204 #6699cc R=102 G=153 B=204 #66cccc R=102 G=204 B=204 #66ffcc R=102 G=255 B=204B=ff #6600ff R=102 G=0 B=255 #6633ff R=102 G=51 B=255 #6666ff R=102 G=102 B=255 #6699ff R=102 G=153 B=255 #66ccff R=102 G=204 B=255 #66ffff R=102 G=255 B=255
R=99 #990000 R=153 G=0 B=0 #993300 R=153 G=51 B=0 #996600 R=153 G=102 B=0 #999900 R=153 G=153 B=0 #99cc00 R=153 G=204 B=0 #99ff00 R=153 G=255 B=0 #990033 R=153 G=0 B=51 #993333 R=153 G=51 B=51 #996633 R=153 G=102 B=51 #999933 R=153 G=153 B=51 #99cc33 R=153 G=204 B=51 #99ff33 R=153 G=255 B=51 #990066 R=153 G=0 B=102 #993366 R=153 G=51 B=102 #996666 R=153 G=102 B=102 #999966 R=153 G=153 B=102 #99cc66 R=153 G=204 B=102 #99ff66 R=153 G=255 B=102 #990099 R=153 G=0 B=153 #993399 R=153 G=51 B=153 #996699 R=153 G=102 B=153 #999999 R=153 G=153 B=153 #99cc99 R=153 G=204 B=153 #99ff99 R=153 G=255 B=153 #9900cc R=153 G=0 B=204 #9933cc R=153 G=51 B=204 #9966cc R=153 G=102 B=204 #9999cc R=153 G=153 B=204 #99cccc R=153 G=204 B=204 #99ffcc R=153 G=255 B=204 #9900ff R=153 G=0 B=255 #9933ff R=153 G=51 B=255 #9966ff R=153 G=102 B=255 #9999ff R=153 G=153 B=255 #99ccff R=153 G=204 B=255 #99ffff R=153 G=255 B=255
R=cc B=00 #cc0000 R=204 G=0 B=0 #cc3300 R=204 G=51 B=0 #cc6600 R=204 G=102 B=0 #cc9900 R=204 G=153 B=0 #cccc00 R=204 G=204 B=0 #ccff00 R=204 G=255 B=0B=33 #cc0033 R=204 G=0 B=51 #cc3333 R=204 G=51 B=51 #cc6633 R=204 G=102 B=51 #cc9933 R=204 G=153 B=51 #cccc33 R=204 G=204 B=51 #ccff33 R=204 G=255 B=51B=66 #cc0066 R=204 G=0 B=102 #cc3366 R=204 G=51 B=102 #cc6666 R=204 G=102 B=102 #cc9966 R=204 G=153 B=102 #cccc66 R=204 G=204 B=102 #ccff66 R=204 G=255 B=102B=99 #cc0099 R=204 G=0 B=153 #cc3399 R=204 G=51 B=153 #cc6699 R=204 G=102 B=153 #cc9999 R=204 G=153 B=153 #cccc99 R=204 G=204 B=153 #ccff99 R=204 G=255 B=153B=cc #cc00cc R=204 G=0 B=204 #cc33cc R=204 G=51 B=204 #cc66cc R=204 G=102 B=204 #cc99cc R=204 G=153 B=204 #cccccc R=204 G=204 B=204 #ccffcc R=204 G=255 B=204B=ff #cc00ff R=204 G=0 B=255 #cc33ff R=204 G=51 B=255 #cc66ff R=204 G=102 B=255 #cc99ff R=204 G=153 B=255 #ccccff R=204 G=204 B=255 #ccffff R=204 G=255 B=255
R=ff #ff0000 R=255 G=0 B=0 #ff3300 R=255 G=51 B=0 #ff6600 R=255 G=102 B=0 #ff9900 R=255 G=153 B=0 #ffcc00 R=255 G=204 B=0 #ffff00 R=255 G=255 B=0 #ff0033 R=255 G=0 B=51 #ff3333 R=255 G=51 B=51 #ff6633 R=255 G=102 B=51 #ff9933 R=255 G=153 B=51 #ffcc33 R=255 G=204 B=51 #ffff33 R=255 G=255 B=51 #ff0066 R=255 G=0 B=102 #ff3366 R=255 G=51 B=102 #ff6666 R=255 G=102 B=102 #ff9966 R=255 G=153 B=102 #ffcc66 R=255 G=204 B=102 #ffff66 R=255 G=255 B=102 #ff0099 R=255 G=0 B=153 #ff3399 R=255 G=51 B=153 #ff6699 R=255 G=102 B=153 #ff9999 R=255 G=153 B=153 #ffcc99 R=255 G=204 B=153 #ffff99 R=255 G=255 B=153 #ff00cc R=255 G=0 B=204 #ff33cc R=255 G=51 B=204 #ff66cc R=255 G=102 B=204 #ff99cc R=255 G=153 B=204 #ffcccc R=255 G=204 B=204 #ffffcc R=255 G=255 B=204 #ff00ff R=255 G=0 B=255 #ff33ff R=255 G=51 B=255 #ff66ff R=255 G=102 B=255 #ff99ff R=255 G=153 B=255 #ffccff R=255 G=204 B=255 #ffffff R=255 G=255 B=255Table generated by palletes.pl
Standard color names Black #000000Silver #c0c0c0Gray #808080White #ffffffMaroon #800000Ref #ff0000Purple #800080Fuchsia #ff00ffGreen #008000Lime #00ff00Olive #808000Yellow #ffff00Navy #000080Blue #0000ffTeal #008080Aqua #00ffffAs per HTML 4.01 Specification/W3C Recommendation 24 December 1999
X11 colors Some browsers reconize X11 color names. In this table (generated by x11-colors.pl) one can check if the used browser recognizes the X11 colors, and if they are correctly recognized. Each entry is made of a color swatch created using the X11 name, containing XX in the RGB color equivalent, followed by the name used and RGB equivalent. This means that if the browser recognizes correctly the X11 color name the XX won't be visible. For example, the X11 color gray uses RGB bebebe, while the W3C standard uses 808080, so the XX should be visible XX AliceBlue #f0f8ffXX AntiqueWhite #faebd7XX aquamarine #7fffd4XX azure #f0ffffXX beige #f5f5dcXX bisque #ffe4c4XX black #000000XX BlanchedAlmond #ffebcdXX blue #0000ffXX BlueViolet #8a2be2XX brown #a52a2aXX burlywood #deb887XX CadetBlue #5f9ea0XX chartreuse #7fff00XX chocolate #d2691eXX coral #ff7f50XX CornflowerBlue #6495edXX cornsilk #fff8dcXX cyan #00ffffXX DarkBlue #00008bXX DarkCyan #008b8bXX DarkGoldenrod #b8860bXX DarkGray #a9a9a9XX DarkGreen #006400XX DarkGrey #a9a9a9XX DarkKhaki #bdb76bXX DarkMagenta #8b008bXX DarkOliveGreen #556b2fXX DarkOrange #ff8c00XX DarkOrchid #9932ccXX DarkRed #8b0000XX DarkSalmon #e9967aXX DarkSeaGreen #8fbc8fXX DarkSlateBlue #483d8bXX DarkSlateGray #2f4f4fXX DarkSlateGrey #2f4f4fXX DarkTurquoise #00ced1XX DarkViolet #9400d3XX DeepPink #ff1493XX DeepSkyBlue #00bfffXX DimGray #696969XX DimGrey #696969XX DodgerBlue #1e90ffXX firebrick #b22222XX FloralWhite #fffaf0XX ForestGreen #228b22XX gainsboro #dcdcdcXX GhostWhite #f8f8ffXX gold #ffd700XX goldenrod #daa520XX gray #bebebeXX green #00ff00XX GreenYellow #adff2fXX grey #bebebeXX honeydew #f0fff0XX HotPink #ff69b4XX IndianRed #cd5c5cXX ivory #fffff0XX khaki #f0e68cXX lavender #e6e6faXX LavenderBlush #fff0f5XX LawnGreen #7cfc00XX LemonChiffon #fffacdXX LightBlue #add8e6XX LightCoral #f08080XX LightCyan #e0ffffXX LightGoldenrod #eedd82XX LightGoldenrodYellow #fafad2XX LightGray #d3d3d3XX LightGreen #90ee90XX LightGrey #d3d3d3XX LightPink #ffb6c1XX LightSalmon #ffa07aXX LightSeaGreen #20b2aaXX LightSlateBlue #8470ffXX LightSlateGray #778899XX LightSlateGrey #778899XX LightSteelBlue #b0c4deXX LightYellow #ffffe0XX LimeGreen #32cd32XX linen #faf0e6XX magenta #ff00ffXX maroon #b03060XX MediumAquamarine #66cdaaXX MediumBlue #0000cdXX MediumOrchid #ba55d3XX MediumPurple #9370dbXX MediumSeaGreen #3cb371XX MediumSlateBlue #7b68eeXX MediumSpringGreen #00fa9aXX MediumTurquoise #48d1ccXX MediumVioletRed #c71585XX MidnightBlue #191970XX MintCream #f5fffaXX MistyRose #ffe4e1XX moccasin #ffe4b5XX NavajoWhite #ffdeadXX navy #000080XX NavyBlue #000080XX OldLace #fdf5e6XX OliveDrab #6b8e23XX orange #ffa500XX OrangeRed #ff4500XX orchid #da70d6XX PaleGoldenrod #eee8aaXX PaleGreen #98fb98XX PaleTurquoise #afeeeeXX PaleVioletRed #db7093XX PapayaWhip #ffefd5XX PeachPuff #ffdab9XX peru #cd853fXX pink #ffc0cbXX plum #dda0ddXX PowderBlue #b0e0e6XX purple #a020f0XX red #ff0000XX RosyBrown #bc8f8fXX RoyalBlue #4169e1XX SaddleBrown #8b4513XX salmon #fa8072XX SandyBrown #f4a460XX SeaGreen #2e8b57XX seashell #fff5eeXX sienna #a0522dXX SkyBlue #87ceebXX SlateBlue #6a5acdXX SlateGray #708090XX SlateGrey #708090XX snow #fffafaXX SpringGreen #00ff7fXX SteelBlue #4682b4XX tan #d2b48cXX thistle #d8bfd8XX tomato #ff6347XX turquoise #40e0d0XX violet #ee82eeXX VioletRed #d02090XX wheat #f5deb3XX white #ffffffXX WhiteSmoke #f5f5f5XX yellow #ffff00XX YellowGreen #9acd32
Form tags form textarea select option hidden radio checkbox image reset text password submit <form method="get" action="/cgi-bin/worker"> ... </form>Forms must be wrapped in these tags. method may be GET, where the data is sent in the URL, and POST, where data is sent trough environment variables <textarea name="extext" rows="4" cols="50"> Default text </textarea>Multi line text entry field <select name="exsel" size="3"> <option value="opt1"> Option one <option value="opt2"> Option two <option selected value="opt3"> Option three </select>Selects one (or more) element within a list of options <input type="hidden" value="val" name="exhidden">Hidden value, used to transmit persistent information to the server <input type="radio" value="val1" name="radio1"> Value one<br> <input type="radio" value="val2" name="radio1" checked> Value two<br> <input type="radio" value="val3" name="radio1"> Value threeExclusive select of one option within a group. Note that all the members of the group share the same name <input type="checkbox" value="aval" name="excheck">Multiple choice, boolean <input type="image" src="example.jpg" name="eximage" align="top" height=50 width=100>When clicked, the image behaves like a submit button, returns name.x and name.y values with the coordinates that were clicked <input type="reset" value="clear it">A button that resets the form fields to initial values. value is the button caption <input type="text" value="defaultvalue" name="extext" size="10" maxlength="25">A single line text input field. size is the visible width, maxlength the maximum number of characters returned <input type="password" value="defaultvalue" name="expsw">A single line text input field, that displays asterisks instead of the characters <input type="submit" value="Do this" name="exsubmit">Submits the form data to the server. value is the caption for the button Overloading the ACTION Parameter One way to make sure that data gets passed along by a form is to add the cgi variable information to the ACTION parameter of the FORM statement. The value of ACTION is a hyperlink, so it can take CGI parameters in the usual way. This example invokes MakeC.cgi, with the variables Name, ColorChoice, and Horsepower equal to Kurt, Blue, and 0, respectively, when the user submits the form:
<FORM ACTION="MakeC.cgi?Name=Kurt&ColorChoice=Blue&Horsepower=0">
HTML character entities
Symbolic
nameDecimal
codeShows
as 160 ¡ 161 ¡ ¢ 162 ¢ £ 163 £ ¤ 164 ¤ ¥ 165 ¥ ¦ 166 ¦ § 167 § ¨ 168 ¨ © 169 © ª 170 ª « 171 « ¬ 172 ¬ ­ 173 ® 174 ® ¯ 175 ¯ ° 176 ° ± 177 ± ² 178 ² ³ 179 ³ ´ 180 ´ µ 181 µ ¶ 182 ¶ · 183 · ¸ 184 ¸ ¹ 185 ¹ º 186 º » 187 » ¼ 188 ¼ ½ 189 ½ ¾ 190 ¾ ¿ 191 ¿ À 192 À Á 193 Á Â 194 Â Ã 195 Ã Ä 196 Ä Å 197 Å Æ 198 Æ Ç 199 Ç È 200 È É 201 É Ê 202 Ê Ë 203 Ë Ì 204 Ì Í 205 Í Î 206 Î Ï 207 Ï Ð 208 Ð Ñ 209 Ñ Ò 210 Ò Ó 211 Ó Ô 212 Ô Õ 213 Õ Ö 214 Ö × 215 × Ø 216 Ø Ù 217 Ù Ú 218 Ú Û 219 Û Ü 220 Ü Ý 221 Ý Þ 222 Þ ß 223 ß à 224 à á 225 á â 226 â ã 227 ã ä 228 ä å 229 å æ 230 æ ç 231 ç è 232 è é 233 é ê 234 ê ë 235 ë ì 236 ì í 237 í î 238 î ï 239 ï ð 240 ð ñ 241 ñ ò 242 ò ó 243 ó
Symbolic
nameDecimal
codeShows
asô 244 ô õ 245 õ ö 246 ö ÷ 247 ÷ ø 248 ø ù 249 ù ú 250 ú û 251 û ü 252 ü ý 253 ý þ 254 þ ÿ 255 ÿ ƒ 402 ƒ Α 913 Α Β 914 Β Γ 915 Γ Δ 916 Δ Ε 917 Ε Ζ 918 Ζ Η 919 Η Θ 920 Θ Ι 921 Ι Κ 922 Κ Λ 923 Λ Μ 924 Μ Ν 925 Ν Ξ 926 Ξ Ο 927 Ο Π 928 Π Ρ 929 Ρ Σ 931 Σ Τ 932 Τ Υ 933 Υ Φ 934 Φ Χ 935 Χ Ψ 936 Ψ Ω 937 Ω α 945 α β 946 β γ 947 γ δ 948 δ ε 949 ε ζ 950 ζ η 951 η θ 952 θ ι 953 ι κ 954 κ λ 955 λ μ 956 μ ν 957 ν ξ 958 ξ ο 959 ο π 960 π ρ 961 ρ ς 962 ς σ 963 σ τ 964 τ υ 965 υ φ 966 φ χ 967 χ ψ 968 ψ ω 969 ω ϑ 977 ϑ ϒ 978 ϒ ϖ 982 ϖ • 8226 • … 8230 … ′ 8242 ′ ″ 8243 ″ ‾ 8254 ‾ ⁄ 8260 ⁄ ℘ 8472 ℘ ℑ 8465 ℑ ℜ 8476 ℜ ™ 8482 ™ ℵ 8501 ℵ ← 8592 ← ↑ 8593 ↑ → 8594 → ↓ 8595 ↓ ↔ 8596 ↔ ↵ 8629 ↵ ⇐ 8656 ⇐ ⇑ 8657 ⇑
Symbolic
nameDecimal
codeShows
as⇒ 8658 ⇒ ⇓ 8659 ⇓ ⇔ 8660 ⇔ ∀ 8704 ∀ ∂ 8706 ∂ ∃ 8707 ∃ ∅ 8709 ∅ ∇ 8711 ∇ ∈ 8712 ∈ ∉ 8713 ∉ ∋ 8715 ∋ ∏ 8719 ∏ ∑ 8721 ∑ − 8722 − ∗ 8727 ∗ √ 8730 √ ∝ 8733 ∝ ∞ 8734 ∞ ∠ 8736 ∠ ∧ 8743 ∧ ∨ 8744 ∨ ∩ 8745 ∩ ∪ 8746 ∪ ∫ 8747 ∫ ∴ 8756 ∴ ∼ 8764 ∼ ≅ 8773 ≅ ≈ 8776 ≈ ≠ 8800