<html> <head> <title>Things to remember</title> </head> <body> 1. Close all tags. 2. Always use lowercase. 3. Always quote attribute value. </body> </html> Heading <h1>Important headings</h1> <h6>Less important headings </h6> Paragraph <p>Paragraph tag</p> Line breaks <br /> <br></br> Text formatting <em>emphasis</em> <b>bold</b> <i>italics</i> <code>Computer code</code> <sub>Subscript</sub> <sup>Superscript</sup> Comment <!–comment goes here […]
<form><input type=”button” value=” Print this page ” onclick=”window.print();return false;” /></form> <a href=”#” onclick=”window.print();return false;”>Print this page</a> <a href=”#” onclick=”window.print();return false;”><img src=”images/icon_print.png”></a>
BoxShadow {box-shadow: horizontal vertical blur spread color inset;} For example div {box-shadow: 2px 2px 0px #FFFFFF;} Glow/Stroke Effect – the trick is to put shadow above and below text. div {box-shadow: 2px 2px 2px #888888,-2px -0px 2px #888888;}
Which flag do we use to represent the English language? The American flag? The British flag? The Canadian flag? The Australian flag? All of these countries speak English. Flags are nationalistic, and represent ideals, boundaries, and political beliefs, but do not represent a language so it is best to […]
Generate fav icon for your website. How does it work ? Go to http://www.favicon.cc Choose a color.Click on the squares and paint your logo. You can also upload your image and convert to icon. Download when you are finished Put the favicon.ico file into your webserver directory
Dummy text is text that is used in the publishing industry or by web designers to occupy the space which will later be filled with ‘real’ content. This is required when, for example, the final text is not yet available. Dummy text is also known as ‘fill text’. It is […]
Upward/Vertical scrolling <marquee behavior=”scroll” direction=”up”>Upward/Vertical scrolling text </marquee> Slow Scrolling <marquee behavior=”scroll” direction=”left” scrollamount=”1″>Slow scroll speed</marquee> Fast Scrolling <marquee behavior=”scroll” direction=”left” scrollamount=”20″>Fast scroll speed</marquee>
CSS .curve { -moz-border-radius:4px; border-radius:4px; width:220px; border:1px solid #000000; background:#ffffff; } HTML <div class=”curve” >This is a <br /> example of <br /> CSS Curve. <br /> </div>
To create CSS Curve for menu bar like show below. We need following three images. curve_left.png curve_bg.png curve_right.png CSS.curve { background:url(images/curve_bg.png) repeat-x; width:800px; height:35px; }.curve .fl {display:block; background:url(images/curve_left.png) no-repeat; width:11px; height:12px;}.curve .fr {display:block; background:url(images/curve_right.png) no-repeat; background-position:right top;width:11px; height:12px;} HTML <div class=”curve”> <span class=”fl”></span><span class=”fr”></span>
