Common Text Tags <abbr>Abbreviation</abbr> <kbd><kbd> align class dir id lang style title <acronym>Acroym</acroym> <kbd><kbd> align class dir id lang style title <b>Bold text</b> <kbd><kbd> align class dir id lang style title <big>Big text</big> <kbd><kbd> align class dir id lang style title <blink>Blinking text</blink> <kbd><kbd> align class dir id lang style title <cite>Cited text</cite> <kbd><kbd> align class dir id lang style title <code>Coded text</code> <kbd><kbd> align class dir id lang style title <dfn>defintion text</dfn> <kbd><kbd> align class dir id lang style title <em>Emphasised Text</em>: <kbd><kbd> align class dir id lang style title <i>Italic text </i> <kbd><kbd> align class dir id lang style title <kbd>Keyboard text</kbd> <kbd><kbd> align class dir id lang style title <samp>Sampled text</samp> <kbd><kbd> align class dir id lang style title <s>strike through </s> <kbd><kbd> align class dir id lang style title <small>Small text</small> <kbd><kbd> align class dir id lang style title <strong>Strong text</strong<> <kbd><kbd> align class dir id lang style title <sub>sub scripted</sub> <kbd><kbd> align class dir id lang style title <sup>super scripted</sup> <kbd><kbd> align class dir id lang style title <tt>Teletype or Monospaced </tt> <kbd><kbd> align class dir id lang style title <u>Underlined text</u> <kbd><kbd> align class dir id lang style title <var>Variable text</var> <kbd><kbd> align class dir id lang style title
Coded text
Special Characters used to display characters normally used in HTML tags (spaces added for display): & aelig; or & #230;= æ & quot; or & #034; = " & lt; or & #060; = < & gt; or & #062; = > & amp; or & #038; = & & laquo; or & #171; = « & nbsp; or & #160; = non breaking space, not really text, but a special character anyhow. & iexcl; or & #161; = ¡ & cent; or & #162; = ¢ & pound; or & #163; = £ & brvbar; or & #166; = ¦ & uml; or & #168; = ¨ & copy; or & #169; = © & iquest; or #191; = ¿
Cascading Style Sheets Make a tag comply to a defined style: <h2 style="color: blue; font-style:italic"> Style applied to 1 h2 tag only A new h2 line is not affected by the previous style tag Make the entire document comply to a style: <style type="text/css"> <!-- h2 {color: blue; font-syle: italic} --> I'm blue I'm blue too
Table1: Color names and numbers Color names and their Hex numbers The 6 digit Hexadecimals represent RGB values aqua #00FFFF black #000000 blue #000FF fuchsia #FF00FF gray #808080 green #008000 lime #00FF00 maroon #800000 navy #000080 olive #808000 purple #800080 red FF0000 silver #C0C0C0 teal #008080 yellow #FFFF00 white #FFFFFF Table2: Color Names Color names aliceblue antiquewhite aqua aquamarine azure beige bisque black blanchedalmond blue blueviolet brown burlywood cadetblue chartreuse chocolate coral cornflower cornsilk cyan darkblue darkcyan darkgoldenrod darkgreen darkkhaki darkmagenta darkolivegreen darkorange darkred darksalmon darkseagreen darkslateblue darkslategray darkturquiose darkviolet deeppink deepskyblue dimgray dodgerblue firebrick floralwhite forestgreen gainsboro ghostwhite gold goldenrod gray green greenyellow honeydew hotpink indiared ivory khaki lavender lavenderblush lawngreen lemonchiffon lightblue lightcoral lightcyan lightgoldenrod lightgoldenrodyellow lightgray lightgreen lightpink lightsalmon lightseagreen lightslateblue lightslategray lightsteelblue lightyellow limegreen linen magenta maroon mediumaquamarine mediumblue mediumorchid mediumpurple mediumseagreen mediumslateblue mediumspringgreen mediumturquoise mediumviolet midnightblue mintcream mistyrose moccaisin navajowhite navy navyblue oldlace olivedrab orange orangered orchid palegreen paleturquoise palevioletred papayawhip peachpuff peru pink plum powderblue purple red rosybrown royalblue saddlebrown salmon sandybrown seagreen seashell sienna skyblue slateblue slategray snow springgreen steelblue tan thisle tomato turquoise violet violetred wheat white whitesmoke yellow