| <![CDATA[<o:p></o:p></span></p> </td> <td style="padding: 0cm; background: transparent none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: red;" lang="EN-US">Deprecated. Use <pre> instead<o:p></o:p></span></p> </td> </tr> <tr style=""> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"><xmp><o:p></o:p></span></p> </td> <td style="padding: 0cm; background: transparent none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: red;" lang="EN-US">Deprecated. Use <pre> instead<o:p></o:p></span></p> </td> </tr> </tbody></table> <h2><span style="font-size: 10pt;" lang="EN-US">Citations, Quotations, and Definition Tags<o:p></o:p></span></h2> <table class="MsoNormalTable" style="background: rgb(241, 241, 241) none repeat scroll 0% 0%; width: 100%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" border="1" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr style=""> <td style="padding: 0cm; width: 20%;" width="20%"> <p class="MsoNormal"><b><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">Tag<o:p></o:p></span></b></p> </td> <td style="padding: 0cm; width: 80%;" width="80%"> <p class="MsoNormal"><b><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">Description<o:p></o:p></span></b></p> </td> </tr> <tr style=""> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"><a href="http://www.w3schools.com/tags/tag_abbr.asp"><abbr></a><o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">Defines an abbreviation<o:p></o:p></span></p> </td> </tr> <tr style=""> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"><a href="http://www.w3schools.com/tags/tag_acronym.asp"><acronym></a><o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">Defines an acronym<o:p></o:p></span></p> </td> </tr> <tr style=""> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"><a href="http://www.w3schools.com/tags/tag_address.asp"><address></a><o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">Defines an address element<o:p></o:p></span></p> </td> </tr> <tr style=""> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"><a href="http://www.w3schools.com/tags/tag_bdo.asp"><bdo></a><o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">Defines the text direction<o:p></o:p></span></p> </td> </tr> <tr style=""> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"><a href="http://www.w3schools.com/tags/tag_blockquote.asp"><blockquote></a><o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">Defines a long quotation<o:p></o:p></span></p> </td> </tr> <tr style=""> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"><a href="http://www.w3schools.com/tags/tag_q.asp"><q></a><o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">Defines a short quotation<o:p></o:p></span></p> </td> </tr> <tr style=""> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"><a href="http://www.w3schools.com/tags/tag_phrase_elements.asp"><cite></a><o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">Defines a citation<o:p></o:p></span></p> </td> </tr> <tr style=""> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"><a href="http://www.w3schools.com/tags/tag_phrase_elements.asp"><dfn></a><o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">Defines a definition term<o:p></o:p></span></p> </td> </tr> </tbody></table> <p class="MsoNormal"><span lang="EN-US"><o:p> </o:p></span></p> <p class="intro"><span style="font-size: 8.5pt;" lang="EN-US">Some characters like the <></o:p></span></p> <p class="intro"><span style="font-size: 8.5pt;" lang="EN-US">To display a less than sign (<) in HTML, we have to use a character entity.<o:p></o:p></span></p> <div class="MsoNormal" style="text-align: center;" align="center"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"> <hr style="color: black;" align="center" size="1" width="100%" noshade="noshade"> </span></div> <h2><span style="font-size: 10pt;" lang="EN-US">Character Entities<o:p></o:p></span></h2> <p><span style="font-size: 8.5pt; color: black;" lang="EN-US">Some characters have a special meaning in HTML, like the less than sign (<) that defines the start of an HTML tag. If we want the browser to actually display these characters we must insert character entities in the HTML source.<o:p></o:p></span></p> <p><span style="font-size: 8.5pt; color: black;" lang="EN-US">A character entity has three parts: an ampersand (&), an entity name or a # and an entity number, and finally a semicolon (;). <o:p></o:p></span></p> <p><span style="font-size: 8.5pt; color: black;" lang="EN-US">To display a less than sign in an HTML document we must write: <b><</b> or <b><</b> <o:p></o:p></span></p> <p><span style="font-size: 8.5pt; color: black;" lang="EN-US">The advantage of using a name instead of a number is that a name is easier to remember. The disadvantage is that not all browsers support the newest entity names, while the support for entity numbers is very good in almost all browsers.<o:p></o:p></span></p> <p><b><span style="font-size: 8.5pt; color: black;" lang="EN-US">Note</span></b><span style="font-size: 8.5pt; color: black;" lang="EN-US"> that the entities are case sensitive. <o:p></o:p></span></p> <p><span style="font-size: 8.5pt; color: black;" lang="EN-US">This example lets you experiment with character entities: <a href="http://www.w3schools.com/html/tryit.asp?filename=tryhtml_entities" target="_blank">Character Entities</a></span><span class="ieonly"><span style="font-size: 7pt;" lang="EN-US"> IE only</span></span><span style="font-size: 8.5pt; color: black;" lang="EN-US"><o:p></o:p></span></p> <div class="MsoNormal" style="text-align: center;" align="center"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"> <hr style="color: black;" align="center" size="1" width="100%" noshade="noshade"> </span></div> <h2><span style="font-size: 10pt;" lang="EN-US">Non-breaking Space<o:p></o:p></span></h2> <p><span style="font-size: 8.5pt; color: black;" lang="EN-US">The most common character entity in HTML is the non-breaking space.<o:p></o:p></span></p> <p><span style="font-size: 8.5pt; color: black;" lang="EN-US">Normally HTML will truncate spaces in your text. If you write 10 spaces in your text HTML will remove 9 of them. To add spaces to your text, use the character entity.<o:p></o:p></span></p> <div class="MsoNormal" style="text-align: center;" align="center"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"> <hr style="color: black;" align="center" size="1" width="100%" noshade="noshade"> </span></div> <h2><span style="font-size: 10pt;" lang="EN-US">The Most Common Character Entities:<o:p></o:p></span></h2> <table class="MsoNormalTable" style="background: rgb(241, 241, 241) none repeat scroll 0% 0%; width: 100%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" border="1" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr style=""> <td style="padding: 0cm;"> <p class="MsoNormal"><b><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">Result<o:p></o:p></span></b></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><b><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">Description<o:p></o:p></span></b></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><b><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">Entity Name<o:p></o:p></span></b></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><b><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">Entity Number<o:p></o:p></span></b></p> </td> </tr> <tr style=""> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"> <o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">non-breaking space<o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"> <o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"> <o:p></o:p></span></p> </td> </tr> <tr style=""> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"><<o:p> </o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">less than<o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"><<o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"><<o:p></o:p></span></p> </td> </tr> <tr style=""> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">><o:p> </o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">greater than<o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">><o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">><o:p></o:p></span></p> </td> </tr> <tr style=""> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">&<o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">ampersand<o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">&<o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">&<o:p></o:p></span></p> </td> </tr> <tr style=""> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">"<o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">quotation mark<o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">"<o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">"<o:p></o:p></span></p> </td> </tr> <tr style=""> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">'<o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">apostrophe <o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">' (does not work in IE)<o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">'<o:p></o:p></span></p> </td> </tr> </tbody></table> <h2><span style="font-size: 10pt;" lang="EN-US">Some Other Commonly Used Character Entities:<o:p></o:p></span></h2> <table class="MsoNormalTable" style="background: rgb(241, 241, 241) none repeat scroll 0% 0%; width: 100%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" border="1" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr style=""> <td style="padding: 0cm;"> <p class="MsoNormal"><b><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">Result<o:p></o:p></span></b></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><b><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">Description<o:p></o:p></span></b></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><b><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">Entity Name<o:p></o:p></span></b></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><b><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">Entity Number<o:p></o:p></span></b></p> </td> </tr> <tr style=""> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">¢<o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">cent<o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">¢<o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">¢<o:p></o:p></span></p> </td> </tr> <tr style=""> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">£<o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">pound<o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">£<o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">£<o:p></o:p></span></p> </td> </tr> <tr style=""> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">¥<o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">yen<o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">¥<o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">¥<o:p></o:p></span></p> </td> </tr> <tr style=""> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">§<o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">section<o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">§<o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">§<o:p></o:p></span></p> </td> </tr> <tr style=""> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">©<o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">copyright<o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">©<o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">©<o:p></o:p></span></p> </td> </tr> <tr style=""> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">®<o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">registered trademark<o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">®<o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">®<o:p></o:p></span></p> </td> </tr> <tr style=""> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">×<o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">multiplication<o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">×<o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">×<o:p></o:p></span></p> </td> </tr> <tr style=""> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">÷<o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">division<o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">÷<o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">÷<o:p></o:p></span></p> </td> </tr> </tbody></table> <p><span style="font-size: 8.5pt; color: black;" lang="EN-US">To see a full list of HTML character entities go to our <a href="http://www.w3schools.com/tags/ref_entities.asp">HTML Entities Reference</a>. <o:p></o:p></span></p> <p class="intro"><span style="font-size: 8.5pt;" lang="EN-US">HTML uses a hyperlink to link to another document on the Web.<o:p></o:p></span></p> <h2><span style="font-size: 10pt;" lang="EN-US">The Anchor Tag and the Href Attribute<o:p></o:p></span></h2> <p><b><span style="font-size: 8.5pt; color: black;" lang="EN-US">HTML uses the <a> (anchor) tag to create a link to another document.</span></b><span style="font-size: 8.5pt; color: black;" lang="EN-US"><o:p></o:p></span></p> <p><span style="font-size: 8.5pt; color: black;" lang="EN-US">An anchor can point to any resource on the Web: an HTML page, an image, a sound file, a movie, etc.<o:p></o:p></span></p> <p><span style="font-size: 8.5pt; color: black;" lang="EN-US">The syntax of creating an anchor: <o:p></o:p></span></p> <table class="MsoNormalTable" style="background: rgb(241, 241, 241) none repeat scroll 0% 0%; width: 100%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" border="1" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr style=""> <td style="padding: 0cm;"><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"><a href="url">Text to be displayed</a><o:p></o:p></span></pre></td> </tr> </tbody></table> <p><span style="font-size: 8.5pt; color: black;" lang="EN-US">The <a> tag is used to create an anchor to link from, the href attribute is used to address the document to link to, and the words between the open and close of the anchor tag will be displayed as a hyperlink.<o:p></o:p></span></p> <p><span style="font-size: 8.5pt; color: black;" lang="EN-US">This anchor defines a link to W3Schools:<o:p></o:p></span></p> <table class="MsoNormalTable" style="background: rgb(241, 241, 241) none repeat scroll 0% 0%; width: 100%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" border="1" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr style=""> <td style="padding: 0cm;"><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"><a href="http://www.w3schools.com/">Visit W3Schools!</a><o:p></o:p></span></pre></td> </tr> </tbody></table> <p><span style="font-size: 8.5pt; color: black;" lang="EN-US">The line above will look like this in a browser:<o:p></o:p></span></p> <p><span style="font-size: 8.5pt; color: black;" lang="EN-US"><a href="http://www.w3schools.com/">Visit W3Schools!</a><o:p></o:p></span></p> <div class="MsoNormal" style="text-align: center;" align="center"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"> <hr style="color: black;" align="center" size="1" width="100%" noshade="noshade"> </span></div> <h2><span style="font-size: 10pt;" lang="EN-US">The Target Attribute<o:p></o:p></span></h2> <p><span style="font-size: 8.5pt; color: black;" lang="EN-US">With the target attribute, you can define <b>where</b> the linked document will be opened.<o:p></o:p></span></p> <p><span style="font-size: 8.5pt; color: black;" lang="EN-US">The line below will open the document in a new browser window:<o:p></o:p></span></p> <table class="MsoNormalTable" style="background: rgb(241, 241, 241) none repeat scroll 0% 0%; width: 100%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" border="1" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr style=""> <td style="padding: 0cm;"><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"><a href="http://www.w3schools.com/"></o:p></span></pre><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US">target="_blank">Visit W3Schools!</a><o:p></o:p></span></pre></td> </tr> </tbody></table> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"><o:p> </o:p></span></p> <div class="MsoNormal" style="text-align: center;" align="center"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"> <hr style="color: black;" align="center" size="1" width="100%" noshade="noshade"> </span></div> <h2><span style="font-size: 10pt;" lang="EN-US">The Anchor Tag and the Name Attribute<o:p></o:p></span></h2> <p><span style="font-size: 8.5pt; color: black;" lang="EN-US">The name attribute is used to create a named anchor. When using named anchors we can create links that can jump directly into a specific section on a page, instead of letting the user scroll around to find what he/she is looking for.<o:p></o:p></span></p> <p><span style="font-size: 8.5pt; color: black;" lang="EN-US">Below is the syntax of a named anchor:<o:p></o:p></span></p> <table class="MsoNormalTable" style="background: rgb(241, 241, 241) none repeat scroll 0% 0%; width: 100%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" border="1" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr style=""> <td style="padding: 0cm;"><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"><a name="label">Text to be displayed</a><o:p></o:p></span></pre></td> </tr> </tbody></table> <p><span style="font-size: 8.5pt; color: black;" lang="EN-US">The name attribute is used to create a named anchor. The name of the anchor can be any text you care to use.<o:p></o:p></span></p> <p><span style="font-size: 8.5pt; color: black;" lang="EN-US">The line below defines a named anchor:<o:p></o:p></span></p> <table class="MsoNormalTable" style="background: rgb(241, 241, 241) none repeat scroll 0% 0%; width: 100%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" border="1" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr style=""> <td style="padding: 0cm;"><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"><a name="tips">Useful Tips Section</a><o:p></o:p></span></pre></td> </tr> </tbody></table> <p><span style="font-size: 8.5pt; color: black;" lang="EN-US">You should notice that a named anchor is not displayed in a special way.<o:p></o:p></span></p> <p><span style="font-size: 8.5pt; color: black;" lang="EN-US">To link directly to the "tips" section, add a # sign and the name of the anchor to the end of a URL, like this:<o:p></o:p></span></p> <table class="MsoNormalTable" style="background: rgb(241, 241, 241) none repeat scroll 0% 0%; width: 100%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" border="1" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr style=""> <td style="padding: 0cm;"><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"><a href="http://www.w3schools.com/html_links.asp#tips"><o:p></o:p></span></pre><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US">Jump to the Useful Tips Section</a><o:p></o:p></span></pre></td> </tr> </tbody></table> <p><span style="font-size: 8.5pt; color: black;" lang="EN-US">A hyperlink to the Useful Tips Section from WITHIN the file "html_links.asp" will look like this: <o:p></o:p></span></p> <table class="MsoNormalTable" style="background: rgb(241, 241, 241) none repeat scroll 0% 0%; width: 100%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" border="1" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr style=""> <td style="padding: 0cm;"><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"><a href="#tips">Jump to the Useful Tips Section</a><o:p></o:p></span></pre></td> </tr> </tbody></table> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"><o:p> </o:p></span></p> <div class="MsoNormal" style="text-align: center;" align="center"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"> <hr style="color: black;" align="center" size="1" width="100%" noshade="noshade"> </span></div> <h2><span style="font-size: 10pt;" lang="EN-US">Basic Notes - Useful Tips<o:p></o:p></span></h2> <p><span style="font-size: 8.5pt; color: black;" lang="EN-US">Always add a trailing slash to subfolder references. If you link like this: href="http://www.w3schools.com/html", you will generate two HTTP requests to the server, because the server will add a slash to the address and create a new request like this: href="http://www.w3schools.com/html/" <o:p></o:p></span></p> <p><span style="font-size: 8.5pt; color: black;" lang="EN-US">Named anchors are often used to create "table of contents" at the beginning of a large document. Each chapter within the document is given a named anchor, and links to each of these anchors are put at the top of the document.<o:p></o:p></span></p> <p><span style="font-size: 8.5pt; color: black;" lang="EN-US">If a browser cannot find a named anchor that has been specified, it goes to the top of the document. No error occurs. <o:p></o:p></span></p> <div class="MsoNormal" style="text-align: center;" align="center"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"> <hr style="color: black;" align="center" size="1" width="100%" noshade="noshade"> </span></div> <h2><span style="font-size: 10pt;" lang="EN-US">Link Tags<o:p></o:p></span></h2> <table class="MsoNormalTable" style="background: rgb(241, 241, 241) none repeat scroll 0% 0%; width: 100%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" border="1" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr style=""> <td style="padding: 0cm; width: 30%;" width="30%"> <p class="MsoNormal"><b><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">Tag<o:p></o:p></span></b></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><b><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">Description<o:p></o:p></span></b></p> </td> </tr> <tr style=""> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"><a href="http://www.w3schools.com/tags/tag_a.asp"><a></a><o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">Defines an anchor<o:p></o:p></span></p> </td> </tr> </tbody></table> <p class="MsoNormal"><span lang="EN-US"><o:p> </o:p></span></p> <p class="intro"><span style="font-size: 8.5pt;" lang="EN-US">With frames, you can display more than one Web page in the same browser window.<o:p></o:p></span></p> <div class="MsoNormal" style="text-align: center;" align="center"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"> <hr style="color: black;" align="center" size="1" width="100%" noshade="noshade"> </span></div> <h2><span style="font-size: 10pt;" lang="EN-US">Frames<o:p></o:p></span></h2> <p><span style="font-size: 8.5pt; color: black;" lang="EN-US">With frames, you can display more than one HTML document in the same browser window. Each HTML document is called a frame, and each frame is independent of the others.<o:p></o:p></span></p> <p><span style="font-size: 8.5pt; color: black;" lang="EN-US">The disadvantages of using frames are:<o:p></o:p></span></p> <ul type="disc"><li class="MsoNormal" style="color: black;"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif";" lang="EN-US">The web developer must keep track of more HTML documents <o:p></o:p></span></li><li class="MsoNormal" style="color: black;"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif";" lang="EN-US">It is difficult to print the entire page <o:p></o:p></span></li></ul> <div class="MsoNormal" style="text-align: center;" align="center"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"> <hr style="color: black;" align="center" size="1" width="100%" noshade="noshade"> </span></div> <h2><span style="font-size: 10pt;" lang="EN-US">The Frameset Tag<o:p></o:p></span></h2> <ul type="disc"><li class="MsoNormal" style="color: black;"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif";" lang="EN-US">The <frameset> tag defines how to divide the window into frames <o:p></o:p></span></li><li class="MsoNormal" style="color: black;"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif";" lang="EN-US">Each frameset defines a set of rows <b>or</b> columns <o:p></o:p></span></li><li class="MsoNormal" style="color: black;"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif";" lang="EN-US">The values of the rows/columns indicate the amount of screen area each row/column will occupy <o:p></o:p></span></li></ul> <div class="MsoNormal" style="text-align: center;" align="center"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"> <hr style="color: black;" align="center" size="1" width="100%" noshade="noshade"> </span></div> <h2><span style="font-size: 10pt;" lang="EN-US">The Frame Tag<o:p></o:p></span></h2> <ul type="disc"><li class="MsoNormal" style="color: black;"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif";" lang="EN-US">The <frame> tag defines what HTML document to put into each frame <o:p></o:p></span></li></ul> <p><span style="font-size: 8.5pt; color: black;" lang="EN-US">In the example below we have a frameset with two columns. The first column is set to 25% of the width of the browser window. The second column is set to 75% of the width of the browser window. The HTML document "frame_a.htm" is put into the first column, and the HTML document "frame_b.htm" is put into the second column:<o:p></o:p></span></p> <table class="MsoNormalTable" style="background: rgb(241, 241, 241) none repeat scroll 0% 0%; width: 100%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" border="1" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr style=""> <td style="padding: 0cm;"><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"><frameset cols="25%,75%"><o:p></o:p></span></pre><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"> <frame src="frame_a.htm"><o:p></o:p></span></pre><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"> <frame src="frame_b.htm"><o:p></o:p></span></pre><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"></frameset><o:p></o:p></span></pre></td> </tr> </tbody></table> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"><o:p> </o:p></span></p> <div class="MsoNormal" style="text-align: center;" align="center"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"> <hr style="color: black;" align="center" size="1" width="100%" noshade="noshade"> </span></div> <h2><span style="font-size: 10pt;" lang="EN-US">Basic Notes - Useful Tips<o:p></o:p></span></h2> <p><span style="font-size: 8.5pt; color: black;" lang="EN-US">If a frame has visible borders, the user can resize it by dragging the border. To prevent a user from doing this, you can add noresize="noresize" to the <frame> tag.<o:p></o:p></span></p> <p><span style="font-size: 8.5pt; color: black;" lang="EN-US">Add the <noframes> tag for browsers that do not support frames.<o:p></o:p></span></p> <p><b><span style="font-size: 8.5pt; color: black;" lang="EN-US">Important:</span></b><span style="font-size: 8.5pt; color: black;" lang="EN-US"> You cannot use the <body></body> tags together with the <frameset></frameset> tags! However, if you add a <noframes> tag containing some text for browsers that do not support frames, you will have to enclose the text in <body></body> tags! See how it is done in the first example below.<o:p></o:p></span></p> <div class="MsoNormal" style="text-align: center;" align="center"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"> <hr style="color: black;" align="center" size="1" width="100%" noshade="noshade"> </span></div> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"><o:p> </o:p></span></p> <h2><span style="font-size: 10pt;" lang="EN-US">Frame Tags<o:p></o:p></span></h2> <table class="MsoNormalTable" style="background: rgb(241, 241, 241) none repeat scroll 0% 0%; width: 100%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" border="1" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr style=""> <td style="padding: 0cm;"> <p class="MsoNormal"><b><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">Tag<o:p></o:p></span></b></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><b><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">Description<o:p></o:p></span></b></p> </td> </tr> <tr style=""> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"><a href="http://www.w3schools.com/tags/tag_frameset.asp"><frameset></a><o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">Defines a set of frames<o:p></o:p></span></p> </td> </tr> <tr style=""> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"><a href="http://www.w3schools.com/tags/tag_frame.asp"><frame></a><o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">Defines a sub window (a frame)<o:p></o:p></span></p> </td> </tr> <tr style=""> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"><a href="http://www.w3schools.com/tags/tag_noframes.asp"><noframes></a><o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">Defines a noframe section for browsers that do not handle frames<o:p></o:p></span></p> </td> </tr> <tr style=""> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"><a href="http://www.w3schools.com/tags/tag_iframe.asp"><iframe></a><o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">Defines an inline sub window (frame)<o:p></o:p></span></p> </td> </tr> </tbody></table> <p class="MsoNormal"><span lang="EN-US"><o:p> </o:p></span></p> <p class="intro"><span style="font-size: 8.5pt;" lang="EN-US">With HTML you can create tables.<o:p></o:p></span></p> <h2><span style="font-size: 10pt;" lang="EN-US">Tables<o:p></o:p></span></h2> <p><span style="font-size: 8.5pt; color: black;" lang="EN-US">Tables are defined with the <table> tag. A table is divided into rows (with the <tr> tag), and each row is divided into data cells (with the <td> tag). The letters td stands for "table data," which is the content of a data cell. A data cell can contain text, images, lists, paragraphs, forms, horizontal rules, tables, etc.<o:p></o:p></span></p> <table class="MsoNormalTable" style="background: rgb(241, 241, 241) none repeat scroll 0% 0%; width: 100%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" border="1" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr style=""> <td style="padding: 0cm;"><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"><table border="1"><o:p></o:p></span></pre><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"><tr><o:p></o:p></span></pre><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"><td>row 1, cell 1</td><o:p></o:p></span></pre><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"><td>row 1, cell 2</td><o:p></o:p></span></pre><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"></tr><o:p></o:p></span></pre><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"><tr><o:p></o:p></span></pre><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"><td>row 2, cell 1</td><o:p></o:p></span></pre><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"><td>row 2, cell 2</td><o:p></o:p></span></pre><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"></tr><o:p></o:p></span></pre><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"></table><o:p></o:p></span></pre></td> </tr> </tbody></table> <p><span style="font-size: 8.5pt; color: black;" lang="EN-US">How it looks in a browser:<o:p></o:p></span></p> <table class="MsoNormalTable" style="" border="1" cellpadding="0"> <tbody><tr style=""> <td style="padding: 0.75pt;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">row 1, cell 1<o:p></o:p></span></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">row 1, cell 2<o:p></o:p></span></p> </td> </tr> <tr style=""> <td style="padding: 0.75pt;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">row 2, cell 1<o:p></o:p></span></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">row 2, cell 2<o:p></o:p></span></p> </td> </tr> </tbody></table> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"><o:p> </o:p></span></p> <div class="MsoNormal" style="text-align: center;" align="center"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"> <hr style="color: black;" align="center" size="1" width="100%" noshade="noshade"> </span></div> <h2><span style="font-size: 10pt;" lang="EN-US">Tables and the Border Attribute<o:p></o:p></span></h2> <p><span style="font-size: 8.5pt; color: black;" lang="EN-US">If you do not specify a border attribute the table will be displayed without any borders. Sometimes this can be useful, but most of the time, you want the borders to show. <o:p></o:p></span></p> <p><span style="font-size: 8.5pt; color: black;" lang="EN-US">To display a table with borders, you will have to use the border attribute:<o:p></o:p></span></p> <table class="MsoNormalTable" style="background: rgb(241, 241, 241) none repeat scroll 0% 0%; width: 100%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" border="1" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr style=""> <td style="padding: 0cm;"><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"><table border="1"><o:p></o:p></span></pre><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"><tr><o:p></o:p></span></pre><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"><td>Row 1, cell 1</td><o:p></o:p></span></pre><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"><td>Row 1, cell 2</td><o:p></o:p></span></pre><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"></tr><o:p></o:p></span></pre><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"></table><o:p></o:p></span></pre></td> </tr> </tbody></table> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"><o:p> </o:p></span></p> <div class="MsoNormal" style="text-align: center;" align="center"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"> <hr style="color: black;" align="center" size="1" width="100%" noshade="noshade"> </span></div> <h2><span style="font-size: 10pt;" lang="EN-US">Headings in a Table<o:p></o:p></span></h2> <p><span style="font-size: 8.5pt; color: black;" lang="EN-US">Headings in a table are defined with the <th> tag.<o:p></o:p></span></p> <table class="MsoNormalTable" style="background: rgb(241, 241, 241) none repeat scroll 0% 0%; width: 100%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" border="1" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr style=""> <td style="padding: 0cm;"><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"><table border="1"><o:p></o:p></span></pre><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"><tr><o:p></o:p></span></pre><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"><th>Heading</th><o:p></o:p></span></pre><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"><th>Another Heading</th><o:p></o:p></span></pre><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"></tr><o:p></o:p></span></pre><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"><tr><o:p></o:p></span></pre><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"><td>row 1, cell 1</td><o:p></o:p></span></pre><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"><td>row 1, cell 2</td><o:p></o:p></span></pre><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"></tr><o:p></o:p></span></pre><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"><tr><o:p></o:p></span></pre><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"><td>row 2, cell 1</td><o:p></o:p></span></pre><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"><td>row 2, cell 2</td><o:p></o:p></span></pre><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"></tr><o:p></o:p></span></pre><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"></table><o:p></o:p></span></pre></td> </tr> </tbody></table> <p><span style="font-size: 8.5pt; color: black;" lang="EN-US">How it looks in a browser:<o:p></o:p></span></p> <table class="MsoNormalTable" style="" border="1" cellpadding="0"> <tbody><tr style=""> <td style="padding: 0.75pt;"> <p class="MsoNormal" style="text-align: center;" align="center"><b><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">Heading<o:p></o:p></span></b></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal" style="text-align: center;" align="center"><b><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">Another Heading<o:p></o:p></span></b></p> </td> </tr> <tr style=""> <td style="padding: 0.75pt;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">row 1, cell 1<o:p></o:p></span></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">row 1, cell 2<o:p></o:p></span></p> </td> </tr> <tr style=""> <td style="padding: 0.75pt;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">row 2, cell 1<o:p></o:p></span></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">row 2, cell 2<o:p></o:p></span></p> </td> </tr> </tbody></table> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"><o:p> </o:p></span></p> <div class="MsoNormal" style="text-align: center;" align="center"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"> <hr style="color: black;" align="center" size="1" width="100%" noshade="noshade"> </span></div> <h2><span style="font-size: 10pt;" lang="EN-US">Empty Cells in a Table<o:p></o:p></span></h2> <p><span style="font-size: 8.5pt; color: black;" lang="EN-US">Table cells with no content are not displayed very well in most browsers.<o:p></o:p></span></p> <table class="MsoNormalTable" style="background: rgb(241, 241, 241) none repeat scroll 0% 0%; width: 100%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" border="1" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr style=""> <td style="padding: 0cm;"><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"><table border="1"><o:p></o:p></span></pre><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"><tr><o:p></o:p></span></pre><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"><td>row 1, cell 1</td><o:p></o:p></span></pre><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"><td>row 1, cell 2</td><o:p></o:p></span></pre><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"></tr><o:p></o:p></span></pre><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"><tr><o:p></o:p></span></pre><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"><td>row 2, cell 1</td><o:p></o:p></span></pre><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"><td></td><o:p></o:p></span></pre><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"></tr><o:p></o:p></span></pre><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"></table><o:p></o:p></span></pre></td> </tr> </tbody></table> <p><span style="font-size: 8.5pt; color: black;" lang="EN-US">How it looks in a browser:<o:p></o:p></span></p> <table class="MsoNormalTable" style="" border="1" cellpadding="0"> <tbody><tr style=""> <td style="padding: 0.75pt;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">row 1, cell 1<o:p></o:p></span></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">row 1, cell 2<o:p></o:p></span></p> </td> </tr> <tr style=""> <td style="padding: 0.75pt;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">row 2, cell 1<o:p></o:p></span></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"><o:p> </o:p></span></p> </td> </tr> </tbody></table> <p><span style="font-size: 8.5pt; color: black;" lang="EN-US">Note that the borders around the empty table cell are missing (NB! Mozilla Firefox displays the border).<o:p></o:p></span></p> <p><span style="font-size: 8.5pt; color: black;" lang="EN-US">To avoid this, add a non-breaking space ( ) to empty data cells, to make the borders visible: <o:p></o:p></span></p> <table class="MsoNormalTable" style="background: rgb(241, 241, 241) none repeat scroll 0% 0%; width: 100%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" border="1" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr style=""> <td style="padding: 0cm;"><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"><table border="1"><o:p></o:p></span></pre><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"><tr><o:p></o:p></span></pre><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"><td>row 1, cell 1</td><o:p></o:p></span></pre><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"><td>row 1, cell 2</td><o:p></o:p></span></pre><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"></tr><o:p></o:p></span></pre><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"><tr><o:p></o:p></span></pre><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"><td>row 2, cell 1</td><o:p></o:p></span></pre><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"><td> </td><o:p></o:p></span></pre><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"></tr><o:p></o:p></span></pre><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"></table><o:p></o:p></span></pre></td> </tr> </tbody></table> <p><span style="font-size: 8.5pt; color: black;" lang="EN-US">How it looks in a browser:<o:p></o:p></span></p> <table class="MsoNormalTable" style="" border="1" cellpadding="0"> <tbody><tr style=""> <td style="padding: 0.75pt;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">row 1, cell 1<o:p></o:p></span></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">row 1, cell 2<o:p></o:p></span></p> </td> </tr> <tr style=""> <td style="padding: 0.75pt;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">row 2, cell 1<o:p></o:p></span></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"> <o:p></o:p></span></p> </td> </tr> </tbody></table> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"><o:p> </o:p></span></p> <div class="MsoNormal" style="text-align: center;" align="center"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"> <hr style="color: black;" align="center" size="1" width="100%" noshade="noshade"> </span></div> <h2><span style="font-size: 10pt;" lang="EN-US">Basic Notes - Useful Tips<o:p></o:p></span></h2> <p><span style="font-size: 8.5pt; color: black;" lang="EN-US">The <thead>,<tbody> and <tfoot> elements are seldom used, because of bad browser support. Expect this to change in future versions of XHTML. If you have Internet Explorer 5.0 or newer, you can view a <a href="http://www.w3schools.com/xml/tryit.asp?filename=cd_catalog_island_thead" target="_blank">working example</a> in our XML tutorial.<o:p></o:p></span></p> <div class="MsoNormal" style="text-align: center;" align="center"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"> <hr style="color: black;" align="center" size="1" width="100%" noshade="noshade"> </span></div> <h2><span style="font-size: 10pt;" lang="EN-US">Table Tags<o:p></o:p></span></h2> <table class="MsoNormalTable" style="background: rgb(241, 241, 241) none repeat scroll 0% 0%; width: 100%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" border="1" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr style=""> <td style="padding: 0cm;"> <p class="MsoNormal"><b><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">Tag<o:p></o:p></span></b></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><b><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">Description<o:p></o:p></span></b></p> </td> </tr> <tr style=""> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"><a href="http://www.w3schools.com/tags/tag_table.asp"><table></a><o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">Defines a table<o:p></o:p></span></p> </td> </tr> <tr style=""> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"><a href="http://www.w3schools.com/tags/tag_th.asp"><th></a><o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">Defines a table header<o:p></o:p></span></p> </td> </tr> <tr style=""> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"><a href="http://www.w3schools.com/tags/tag_tr.asp"><tr></a><o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">Defines a table row<o:p></o:p></span></p> </td> </tr> <tr style=""> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"><a href="http://www.w3schools.com/tags/tag_td.asp"><td></a><o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">Defines a table cell<o:p></o:p></span></p> </td> </tr> <tr style=""> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"><a href="http://www.w3schools.com/tags/tag_caption.asp"><caption></a><o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">Defines a table caption<o:p></o:p></span></p> </td> </tr> <tr style=""> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"><a href="http://www.w3schools.com/tags/tag_colgroup.asp"><colgroup></a><o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">Defines groups of table columns<o:p></o:p></span></p> </td> </tr> <tr style=""> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"><a href="http://www.w3schools.com/tags/tag_col.asp"><col></a><o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">Defines the attribute values for one or more columns in a table<o:p></o:p></span></p> </td> </tr> <tr style=""> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"><a href="http://www.w3schools.com/tags/tag_thead.asp"><thead></a><o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">Defines a table head<o:p></o:p></span></p> </td> </tr> <tr style=""> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"><a href="http://www.w3schools.com/tags/tag_tbody.asp"><tbody></a><o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">Defines a table body <o:p></o:p></span></p> </td> </tr> <tr style=""> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"><a href="http://www.w3schools.com/tags/tag_tfoot.asp"><tfoot></a><o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">Defines a table footer <o:p></o:p></span></p> </td> </tr> </tbody></table> <p class="MsoNormal"><span lang="EN-US"><o:p> </o:p></span></p> <h1><span style="font-size: 13.5pt;" lang="EN-US">HTML Lists</span><span style="font-size: 13.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"><o:p></o:p></span></h1> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"><a href="http://www.w3schools.com/html/html_tables.asp"><span style="text-decoration: none;"><!--[if gte vml 1]><v:shapetype id="_x0000_t75" coordsize="21600,21600" spt="75" preferrelative="t" path="m@4@5l@4@11@9@11@9@5xe" filled="f" stroked="f"> <v:stroke joinstyle="miter"> <v:formulas> <v:f eqn="if lineDrawn pixelLineWidth 0"> <v:f eqn="sum @0 1 0"> <v:f eqn="sum 0 0 @1"> <v:f eqn="prod @2 1 2"> <v:f eqn="prod @3 21600 pixelWidth"> <v:f eqn="prod @3 21600 pixelHeight"> <v:f eqn="sum @0 0 1"> <v:f eqn="prod @6 1 2"> <v:f eqn="prod @7 21600 pixelWidth"> <v:f eqn="sum @8 21600 0"> <v:f eqn="prod @7 21600 pixelHeight"> <v:f eqn="sum @10 21600 0"> </v:formulas> <v:path extrusionok="f" gradientshapeok="t" connecttype="rect"> <o:lock ext="edit" aspectratio="t"> </v:shapetype><v:shape id="_x0000_i1054" type="#_x0000_t75" alt="Previous" style="'width:75pt;height:15pt'" button="t"> <v:imagedata src="file:///C:\Users\sujata\AppData\Local\Temp\msohtmlclip1\01\clip_image001.gif" href="http://www.w3schools.com/images/btn_previous.gif"> </v:shape><![endif]--><!--[if !vml]--><img alt="Previous" border="0" height="20" shapes="_x0000_i1054" src="file:///C:/Users/sujata/AppData/Local/Temp/msohtmlclip1/01/clip_image001.gif" width="100" /><!--[endif]--></span></a><a href="http://www.w3schools.com/html/html_forms.asp"><span style="text-decoration: none;"><!--[if gte vml 1]><v:shape id="_x0000_i1055" type="#_x0000_t75" alt="Next" style="'width:75pt;height:15pt'" button="t"> <v:imagedata src="file:///C:\Users\sujata\AppData\Local\Temp\msohtmlclip1\01\clip_image002.gif" href="http://www.w3schools.com/images/btn_next.gif"> </v:shape><![endif]--><!--[if !vml]--><img alt="Next" border="0" height="20" shapes="_x0000_i1055" src="file:///C:/Users/sujata/AppData/Local/Temp/msohtmlclip1/01/clip_image002.gif" width="100" /><!--[endif]--></span></a><o:p></o:p></span></p> <div class="MsoNormal" style="text-align: center;" align="center"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"> <hr style="color: black;" align="center" size="1" width="100%" noshade="noshade"> </span></div> <p class="intro"><span style="font-size: 8.5pt;" lang="EN-US">HTML supports ordered, unordered and definition lists.<o:p></o:p></span></p> <h2><span style="font-size: 10pt;" lang="EN-US">Unordered Lists<o:p></o:p></span></h2> <p><span style="font-size: 8.5pt; color: black;" lang="EN-US">An unordered list is a list of items. The list items are marked with bullets (typically small black circles).<o:p></o:p></span></p> <p><span style="font-size: 8.5pt; color: black;" lang="EN-US">An unordered list starts with the <ul> tag. Each list item starts with the <li> tag.<o:p></o:p></span></p> <table class="MsoNormalTable" style="background: rgb(241, 241, 241) none repeat scroll 0% 0%; width: 100%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" border="1" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr style=""> <td style="padding: 0cm;"><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"><ul><o:p></o:p></span></pre><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"><li>Coffee</li><o:p></o:p></span></pre><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"><li>Milk</li><o:p></o:p></span></pre><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"></ul><o:p></o:p></span></pre></td> </tr> </tbody></table> <p><span style="font-size: 8.5pt; color: black;" lang="EN-US">Here is how it looks in a browser:<o:p></o:p></span></p> <ul type="disc"><li class="MsoNormal" style="color: black;"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif";" lang="EN-US">Coffee <o:p></o:p></span></li><li class="MsoNormal" style="color: black;"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif";" lang="EN-US">Milk <o:p></o:p></span></li></ul> <p><span style="font-size: 8.5pt; color: black;" lang="EN-US">Inside a list item you can put paragraphs, line breaks, images, links, other lists, etc.<o:p></o:p></span></p> <div class="MsoNormal" style="text-align: center;" align="center"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"> <hr style="color: black;" align="center" size="1" width="100%" noshade="noshade"> </span></div> <h2><span style="font-size: 10pt;" lang="EN-US">Ordered Lists<o:p></o:p></span></h2> <p><span style="font-size: 8.5pt; color: black;" lang="EN-US">An ordered list is also a list of items. The list items are marked with numbers.<o:p></o:p></span></p> <p><span style="font-size: 8.5pt; color: black;" lang="EN-US">An ordered list starts with the <ol> tag. Each list item starts with the <li> tag.<o:p></o:p></span></p> <table class="MsoNormalTable" style="background: rgb(241, 241, 241) none repeat scroll 0% 0%; width: 100%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" border="1" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr style=""> <td style="padding: 0cm;"><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"><ol><o:p></o:p></span></pre><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"><li>Coffee</li><o:p></o:p></span></pre><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"><li>Milk</li><o:p></o:p></span></pre><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"></ol><o:p></o:p></span></pre></td> </tr> </tbody></table> <p><span style="font-size: 8.5pt; color: black;" lang="EN-US">Here is how it looks in a browser:<o:p></o:p></span></p> <p class="MsoNormal" style="margin-left: 36pt; text-indent: -18pt;"><!--[if !supportLists]--><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"><span style="">1.<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal;"> </span></span></span><!--[endif]--><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">Coffee <o:p></o:p></span></p> <p class="MsoNormal" style="margin-left: 36pt; text-indent: -18pt;"><!--[if !supportLists]--><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"><span style="">2.<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal;"> </span></span></span><!--[endif]--><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">Milk <o:p></o:p></span></p> <p><span style="font-size: 8.5pt; color: black;" lang="EN-US">Inside a list item you can put paragraphs, line breaks, images, links, other lists, etc.<o:p></o:p></span></p> <div class="MsoNormal" style="text-align: center;" align="center"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"> <hr style="color: black;" align="center" size="1" width="100%" noshade="noshade"> </span></div> <h2><span style="font-size: 10pt;" lang="EN-US">Definition Lists<o:p></o:p></span></h2> <p><span style="font-size: 8.5pt; color: black;" lang="EN-US">A definition list is <b>not</b> a list of items. This is a list of terms and explanation of the terms.<o:p></o:p></span></p> <p><span style="font-size: 8.5pt; color: black;" lang="EN-US">A definition list starts with the <dl> tag. Each definition-list term starts with the <dt> tag. Each definition-list definition starts with the <dd> tag.<o:p></o:p></span></p> <table class="MsoNormalTable" style="background: rgb(241, 241, 241) none repeat scroll 0% 0%; width: 100%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" border="1" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr style=""> <td style="padding: 0cm;"><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"><dl><o:p></o:p></span></pre><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"><dt>Coffee</dt><o:p></o:p></span></pre><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"><dd>Black hot drink</dd><o:p></o:p></span></pre><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"><dt>Milk</dt><o:p></o:p></span></pre><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"><dd>White cold drink</dd><o:p></o:p></span></pre><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"></dl><o:p></o:p></span></pre></td> </tr> </tbody></table> <p><span style="font-size: 8.5pt; color: black;" lang="EN-US">Here is how it looks in a browser:<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">Coffee <o:p></o:p></span></p> <p class="MsoNormal" style="margin-left: 36pt;"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">Black hot drink <o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">Milk <o:p></o:p></span></p> <p class="MsoNormal" style="margin-left: 36pt;"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">White cold drink <o:p></o:p></span></p> <p><span style="font-size: 8.5pt; color: black;" lang="EN-US">Inside a definition-list definition (the <dd> tag) you can put paragraphs, line breaks, images, links, other lists, etc.<o:p></o:p></span></p> <div class="MsoNormal" style="text-align: center;" align="center"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"> <hr style="color: black;" align="center" size="1" width="100%" noshade="noshade"> </span></div> <h2><span style="font-size: 10pt;" lang="EN-US">List Tags<o:p></o:p></span></h2> <table class="MsoNormalTable" style="background: rgb(241, 241, 241) none repeat scroll 0% 0%; width: 100%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" border="1" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr style=""> <td style="padding: 0cm;"> <p class="MsoNormal"><b><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">Tag<o:p></o:p></span></b></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><b><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">Description<o:p></o:p></span></b></p> </td> </tr> <tr style=""> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"><a href="http://www.w3schools.com/tags/tag_ol.asp"><ol></a><o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">Defines an ordered list<o:p></o:p></span></p> </td> </tr> <tr style=""> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"><a href="http://www.w3schools.com/tags/tag_ul.asp"><ul></a><o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">Defines an unordered list<o:p></o:p></span></p> </td> </tr> <tr style=""> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"><a href="http://www.w3schools.com/tags/tag_li.asp"><li></a><o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">Defines a list item<o:p></o:p></span></p> </td> </tr> <tr style=""> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"><a href="http://www.w3schools.com/tags/tag_dl.asp"><dl></a><o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">Defines a definition list<o:p></o:p></span></p> </td> </tr> <tr style=""> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"><a href="http://www.w3schools.com/tags/tag_dt.asp"><dt></a><o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">Defines a definition term<o:p></o:p></span></p> </td> </tr> <tr style=""> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"><a href="http://www.w3schools.com/tags/tag_dd.asp"><dd></a><o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">Defines a definition description<o:p></o:p></span></p> </td> </tr> <tr style=""> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"><a href="http://www.w3schools.com/tags/tag_dir.asp"><dir></a><o:p></o:p></span></p> </td> <td style="padding: 0cm; background: transparent none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: red;" lang="EN-US">Deprecated. Use <ul> instead<o:p></o:p></span></p> </td> </tr> <tr style=""> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"><a href="http://www.w3schools.com/tags/tag_menu.asp"><menu></a><o:p></o:p></span></p> </td> <td style="padding: 0cm; background: transparent none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: red;" lang="EN-US">Deprecated. Use <ul> instead<o:p></o:p></span></p> </td> </tr> </tbody></table>
<div style='clear: both;'></div>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
Posted by
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta content='https://www.blogger.com/profile/11533458660230230361' itemprop='url'/>
<a class='g-profile' href='https://www.blogger.com/profile/11533458660230230361' rel='author' title='author profile'>
<span itemprop='name'>Sumedh</span>
</a>
</span>
</span>
<span class='post-timestamp'>
at
<meta content='http://htmlfaq.blogspot.com/2008/11/html-tutorial.html' itemprop='url'/>
<a class='timestamp-link' href='https://htmlfaq.blogspot.com/2008/11/html-tutorial.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2008-11-15T20:44:00-08:00'>8:44 PM</abbr></a>
</span>
<span class='post-comment-link'>
</span>
<span class='post-icons'>
<span class='item-control blog-admin pid-2106088809'>
<a href='https://www.blogger.com/post-edit.g?blogID=1868795505004018979&postID=4508638507375658691&from=pencil' title='Edit Post'>
<img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</span>
<div class='post-share-buttons goog-inline-block'>
</div>
</div>
<div class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
Labels:
<a href='https://htmlfaq.blogspot.com/search/label/HTML' rel='tag'>HTML</a>,
<a href='https://htmlfaq.blogspot.com/search/label/HTML%20Tutorial' rel='tag'>HTML Tutorial</a>
</span>
</div>
<div class='post-footer-line post-footer-line-3'>
<span class='post-location'>
</span>
</div>
</div>
</div>
<div class='comments' id='comments'>
<a name='comments'></a>
<h4>No comments:</h4>
<div id='Blog1_comments-block-wrapper'>
<dl class='avatar-comment-indent' id='comments-block'>
</dl>
</div>
<p class='comment-footer'>
<a href='https://www.blogger.com/comment/fullpage/post/1868795505004018979/4508638507375658691' onclick=''>Post a Comment</a>
</p>
</div>
</div>
<div class='inline-ad'>
<script type="text/javascript"><!--
google_ad_client="pub-4684889708406489";
google_ad_host="pub-1556223355139109";
google_ad_host_channel="00000";
google_ad_width=300;
google_ad_height=250;
google_ad_format="300x250_as";
google_ad_type="text_image";
google_color_border="FFFFFF";
google_color_bg="FFFFFF";
google_color_link="BB3300";
google_color_url="999999";
google_color_text="000000";
//--></script>
<script type="text/javascript" src="//pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
</div></div>
</div>
<div class='blog-pager' id='blog-pager'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' href='https://htmlfaq.blogspot.com/2008/11/html-forms-and-input.html' id='Blog1_blog-pager-newer-link' title='Newer Post'>Newer Post</a>
</span>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' href='https://htmlfaq.blogspot.com/2008/11/frequently-asked-questions.html' id='Blog1_blog-pager-older-link' title='Older Post'>Older Post</a>
</span>
<a class='home-link' href='https://htmlfaq.blogspot.com/'>Home</a>
</div>
<div class='clear'></div>
<div class='post-feeds'>
<div class='feed-links'>
Subscribe to:
<a class='feed-link' href='https://htmlfaq.blogspot.com/feeds/4508638507375658691/comments/default' target='_blank' type='application/atom+xml'>Post Comments (Atom)</a>
</div>
</div>
</div><div class='widget HTML' data-version='1' id='HTML2'>
<div class='widget-content'>
<script type="text/javascript"><!--
ch_client = "Sumedh";
ch_type = "mpu";
ch_width = 468;
ch_height = 180;
ch_non_contextual = 4;
ch_vertical ="premium";
ch_sid = "Chitika Premium";
var ch_queries = new Array( );
var ch_selected=Math.floor((Math.random()*ch_queries.length));
if ( ch_selected < ch_queries.length ) {
ch_query = ch_queries[ch_selected];
}
//--></script>
<script src="//scripts.chitika.net/eminimalls/amm.js" type="text/javascript">
</script>
</div>
<div class='clear'></div>
</div>
<div class='widget HTML' data-version='1' id='HTML1'>
<h2 class='title'>Search</h2>
<div class='widget-content'>
</div>
<div class='clear'></div>
</div><div class='widget BlogList' data-version='1' id='BlogList1'>
<h2 class='title'>My Blog List</h2>
<div class='widget-content'>
<div class='blog-list-container' id='BlogList1_container'>
<ul id='BlogList1_blogs'>
</ul>
<div class='clear'></div>
</div>
</div>
</div></div>
</div>
</div>
<div class='column-left-outer'>
<div class='column-left-inner'>
<aside>
</aside>
</div>
</div>
<div class='column-right-outer'>
<div class='column-right-inner'>
<aside>
<div class='sidebar section' id='sidebar-right-1'><div class='widget BlogSearch' data-version='1' id='BlogSearch1'>
<h2 class='title'>Search This Blog</h2>
<div class='widget-content'>
<div id='BlogSearch1_form'>
<form action='https://htmlfaq.blogspot.com/search' class='gsc-search-box' target='_top'>
<table cellpadding='0' cellspacing='0' class='gsc-search-box'>
<tbody>
<tr>
<td class='gsc-input'>
<input autocomplete='off' class='gsc-input' name='q' size='10' title='search' type='text' value=''/>
</td>
<td class='gsc-search-button'>
<input class='gsc-search-button' title='search' type='submit' value='Search'/>
</td>
</tr>
</tbody>
</table>
</form>
</div>
</div>
<div class='clear'></div>
</div><div class='widget Subscribe' data-version='1' id='Subscribe1'>
<div style='white-space:nowrap'>
<h2 class='title'>Subscribe To</h2>
<div class='widget-content'>
<div class='subscribe-wrapper subscribe-type-POST'>
<div class='subscribe expanded subscribe-type-POST' id='SW_READER_LIST_Subscribe1POST' style='display:none;'>
<div class='top'>
<span class='inner' onclick='return(_SW_toggleReaderList(event, "Subscribe1POST"));'>
<img class='subscribe-dropdown-arrow' src='https://resources.blogblog.com/img/widgets/arrow_dropdown.gif'/>
<img align='absmiddle' alt='' border='0' class='feed-icon' src='https://resources.blogblog.com/img/icon_feed12.png'/>
Posts
</span>
<div class='feed-reader-links'>
<a class='feed-reader-link' href='https://www.netvibes.com/subscribe.php?url=https%3A%2F%2Fhtmlfaq.blogspot.com%2Ffeeds%2Fposts%2Fdefault' target='_blank'>
<img src='https://resources.blogblog.com/img/widgets/subscribe-netvibes.png'/>
</a>
<a class='feed-reader-link' href='https://add.my.yahoo.com/content?url=https%3A%2F%2Fhtmlfaq.blogspot.com%2Ffeeds%2Fposts%2Fdefault' target='_blank'>
<img src='https://resources.blogblog.com/img/widgets/subscribe-yahoo.png'/>
</a>
<a class='feed-reader-link' href='https://htmlfaq.blogspot.com/feeds/posts/default' target='_blank'>
<img align='absmiddle' class='feed-icon' src='https://resources.blogblog.com/img/icon_feed12.png'/>
Atom
</a>
</div>
</div>
<div class='bottom'></div>
</div>
<div class='subscribe' id='SW_READER_LIST_CLOSED_Subscribe1POST' onclick='return(_SW_toggleReaderList(event, "Subscribe1POST"));'>
<div class='top'>
<span class='inner'>
<img class='subscribe-dropdown-arrow' src='https://resources.blogblog.com/img/widgets/arrow_dropdown.gif'/>
<span onclick='return(_SW_toggleReaderList(event, "Subscribe1POST"));'>
<img align='absmiddle' alt='' border='0' class='feed-icon' src='https://resources.blogblog.com/img/icon_feed12.png'/>
Posts
</span>
</span>
</div>
<div class='bottom'></div>
</div>
</div>
<div class='subscribe-wrapper subscribe-type-PER_POST'>
<div class='subscribe expanded subscribe-type-PER_POST' id='SW_READER_LIST_Subscribe1PER_POST' style='display:none;'>
<div class='top'>
<span class='inner' onclick='return(_SW_toggleReaderList(event, "Subscribe1PER_POST"));'>
<img class='subscribe-dropdown-arrow' src='https://resources.blogblog.com/img/widgets/arrow_dropdown.gif'/>
<img align='absmiddle' alt='' border='0' class='feed-icon' src='https://resources.blogblog.com/img/icon_feed12.png'/>
Comments
</span>
<div class='feed-reader-links'>
<a class='feed-reader-link' href='https://www.netvibes.com/subscribe.php?url=https%3A%2F%2Fhtmlfaq.blogspot.com%2Ffeeds%2F4508638507375658691%2Fcomments%2Fdefault' target='_blank'>
<img src='https://resources.blogblog.com/img/widgets/subscribe-netvibes.png'/>
</a>
<a class='feed-reader-link' href='https://add.my.yahoo.com/content?url=https%3A%2F%2Fhtmlfaq.blogspot.com%2Ffeeds%2F4508638507375658691%2Fcomments%2Fdefault' target='_blank'>
<img src='https://resources.blogblog.com/img/widgets/subscribe-yahoo.png'/>
</a>
<a class='feed-reader-link' href='https://htmlfaq.blogspot.com/feeds/4508638507375658691/comments/default' target='_blank'>
<img align='absmiddle' class='feed-icon' src='https://resources.blogblog.com/img/icon_feed12.png'/>
Atom
</a>
</div>
</div>
<div class='bottom'></div>
</div>
<div class='subscribe' id='SW_READER_LIST_CLOSED_Subscribe1PER_POST' onclick='return(_SW_toggleReaderList(event, "Subscribe1PER_POST"));'>
<div class='top'>
<span class='inner'>
<img class='subscribe-dropdown-arrow' src='https://resources.blogblog.com/img/widgets/arrow_dropdown.gif'/>
<span onclick='return(_SW_toggleReaderList(event, "Subscribe1PER_POST"));'>
<img align='absmiddle' alt='' border='0' class='feed-icon' src='https://resources.blogblog.com/img/icon_feed12.png'/>
Comments
</span>
</span>
</div>
<div class='bottom'></div>
</div>
</div>
<div style='clear:both'></div>
</div>
</div>
<div class='clear'></div>
</div></div>
<table border='0' cellpadding='0' cellspacing='0' class='section-columns columns-2'>
<tbody>
<tr>
<td class='first columns-cell'>
<div class='sidebar section' id='sidebar-right-2-1'><div class='widget HTML' data-version='1' id='HTML3'>
<div class='widget-content'>
<script type="text/javascript">
ch_fluidH = 1;
ch_nump = "4";
ch_client = "sumedhds";
ch_width = 200;
ch_height = "auto";
ch_type = "mpu";
ch_sid = "Chitika Default";
ch_backfill = 1;
ch_color_site_link = "#0000CC";
ch_color_title = "#0000CC";
ch_color_border = "#FFFFFF";
ch_color_text = "#000000";
ch_color_bg = "#FFFFFF";
</script>
<script src="//scripts.chitika.net/eminimalls/amm.js" type="text/javascript">
</script>
</div>
<div class='clear'></div>
</div></div>
</td>
<td class='columns-cell'>
<div class='sidebar section' id='sidebar-right-2-2'><div class='widget BlogArchive' data-version='1' id='BlogArchive1'>
<h2>Blog Archive</h2>
<div class='widget-content'>
<div id='ArchiveList'>
<div id='BlogArchive1_ArchiveList'>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
► 
</span>
</a>
<a class='post-count-link' href='https://htmlfaq.blogspot.com/2009/'>
2009
</a>
<span class='post-count' dir='ltr'>(1)</span>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
► 
</span>
</a>
<a class='post-count-link' href='https://htmlfaq.blogspot.com/2009/01/'>
January
</a>
<span class='post-count' dir='ltr'>(1)</span>
</li>
</ul>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate expanded'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy toggle-open'>
▼ 
</span>
</a>
<a class='post-count-link' href='https://htmlfaq.blogspot.com/2008/'>
2008
</a>
<span class='post-count' dir='ltr'>(23)</span>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
► 
</span>
</a>
<a class='post-count-link' href='https://htmlfaq.blogspot.com/2008/12/'>
December
</a>
<span class='post-count' dir='ltr'>(2)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate expanded'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy toggle-open'>
▼ 
</span>
</a>
<a class='post-count-link' href='https://htmlfaq.blogspot.com/2008/11/'>
November
</a>
<span class='post-count' dir='ltr'>(13)</span>
<ul class='posts'>
<li><a href='https://htmlfaq.blogspot.com/2008/11/html-40-standard-attributes.html'>HTML 4.0 Standard Attributes</a></li>
<li><a href='https://htmlfaq.blogspot.com/2008/11/html-scripts.html'>HTML Scripts</a></li>
<li><a href='https://htmlfaq.blogspot.com/2008/11/html-uniform-resource-locators.html'>HTML Uniform Resource Locators</a></li>
<li><a href='https://htmlfaq.blogspot.com/2008/11/html-meta.html'>HTML Meta</a></li>
<li><a href='https://htmlfaq.blogspot.com/2008/11/html-head.html'>HTML Head</a></li>
<li><a href='https://htmlfaq.blogspot.com/2008/11/html-styles.html'>HTML Styles</a></li>
<li><a href='https://htmlfaq.blogspot.com/2008/11/why-use-html-40.html'>Why use HTML 4.0?</a></li>
<li><a href='https://htmlfaq.blogspot.com/2008/11/html-layout.html'>HTML Layout</a></li>
<li><a href='https://htmlfaq.blogspot.com/2008/11/html-editing-programs.html'>HTML Editing Programs</a></li>
<li><a href='https://htmlfaq.blogspot.com/2008/11/creating-pages-with-html.html'>Creating Pages With HTML</a></li>
<li><a href='https://htmlfaq.blogspot.com/2008/11/html-forms-and-input.html'>HTML Forms and Input</a></li>
<li><a href='https://htmlfaq.blogspot.com/2008/11/html-tutorial.html'>HTML Tutorial</a></li>
<li><a href='https://htmlfaq.blogspot.com/2008/11/frequently-asked-questions.html'>Frequently Asked Questions</a></li>
</ul>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
► 
</span>
</a>
<a class='post-count-link' href='https://htmlfaq.blogspot.com/2008/08/'>
August
</a>
<span class='post-count' dir='ltr'>(8)</span>
</li>
</ul>
</li>
</ul>
</div>
</div>
<div class='clear'></div>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
<div class='sidebar section' id='sidebar-right-3'><div class='widget Label' data-version='1' id='Label1'>
<h2>Labels</h2>
<div class='widget-content list-label-widget-content'>
<ul>
<li>
<a dir='ltr' href='https://htmlfaq.blogspot.com/search/label/DOM'>DOM</a>
<span dir='ltr'>(1)</span>
</li>
<li>
<a dir='ltr' href='https://htmlfaq.blogspot.com/search/label/FAQ%27s'>FAQ's</a>
<span dir='ltr'>(2)</span>
</li>
<li>
<a dir='ltr' href='https://htmlfaq.blogspot.com/search/label/HTML'>HTML</a>
<span dir='ltr'>(23)</span>
</li>
<li>
<a dir='ltr' href='https://htmlfaq.blogspot.com/search/label/HTML%20Tutorial'>HTML Tutorial</a>
<span dir='ltr'>(11)</span>
</li>
</ul>
<div class='clear'></div>
</div>
</div></div>
</aside>
</div>
</div>
</div>
<div style='clear: both'></div>
<!-- columns -->
</div>
<!-- main -->
</div>
</div>
<div class='main-cap-bottom cap-bottom'>
<div class='cap-left'></div>
<div class='cap-right'></div>
</div>
</div>
<footer>
<div class='footer-outer'>
<div class='footer-cap-top cap-top'>
<div class='cap-left'></div>
<div class='cap-right'></div>
</div>
<div class='fauxborder-left footer-fauxborder-left'>
<div class='fauxborder-right footer-fauxborder-right'></div>
<div class='region-inner footer-inner'>
<div class='foot no-items section' id='footer-1'></div>
<table border='0' cellpadding='0' cellspacing='0' class='section-columns columns-2'>
<tbody>
<tr>
<td class='first columns-cell'>
<div class='foot no-items section' id='footer-2-1'></div>
</td>
<td class='columns-cell'>
<div class='foot no-items section' id='footer-2-2'></div>
</td>
</tr>
</tbody>
</table>
<!-- outside of the include in order to lock Attribution widget -->
<div class='foot section' id='footer-3' name='Footer'><div class='widget Attribution' data-version='1' id='Attribution1'>
<div class='widget-content' style='text-align: center;'>
Simple theme. Powered by <a href='https://www.blogger.com' target='_blank'>Blogger</a>.
</div>
<div class='clear'></div>
</div></div>
</div>
</div>
<div class='footer-cap-bottom cap-bottom'>
<div class='cap-left'></div>
<div class='cap-right'></div>
</div>
</div>
</footer>
<!-- content -->
</div>
</div>
<div class='content-cap-bottom cap-bottom'>
<div class='cap-left'></div>
<div class='cap-right'></div>
</div>
</div>
</div>
<script type='text/javascript'>
window.setTimeout(function() {
document.body.className = document.body.className.replace('loading', '');
}, 10);
</script>
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/91768132-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY5oui2bGo6sagYN6VBES4lgd5IRew:1737176722457';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d1868795505004018979','//htmlfaq.blogspot.com/2008/11/html-tutorial.html','1868795505004018979');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '1868795505004018979', 'title': 'HTML Faq\x27s - HTML Interview Questions And Answer', 'url': 'https://htmlfaq.blogspot.com/2008/11/html-tutorial.html', 'canonicalUrl': 'http://htmlfaq.blogspot.com/2008/11/html-tutorial.html', 'homepageUrl': 'https://htmlfaq.blogspot.com/', 'searchUrl': 'https://htmlfaq.blogspot.com/search', 'canonicalHomepageUrl': 'http://htmlfaq.blogspot.com/', 'blogspotFaviconUrl': 'https://htmlfaq.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'en', 'localeUnderscoreDelimited': 'en', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22HTML Faq\x26#39;s - HTML Interview Questions And Answer - Atom\x22 href\x3d\x22https://htmlfaq.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22HTML Faq\x26#39;s - HTML Interview Questions And Answer - RSS\x22 href\x3d\x22https://htmlfaq.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22HTML Faq\x26#39;s - HTML Interview Questions And Answer - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/1868795505004018979/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22HTML Faq\x26#39;s - HTML Interview Questions And Answer - Atom\x22 href\x3d\x22https://htmlfaq.blogspot.com/feeds/4508638507375658691/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseClientId': 'ca-pub-4684889708406489', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': true, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/d2c988fc3a56b1b1', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Get link', 'key': 'link', 'shareMessage': 'Get link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Share to Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Share to X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Share to Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27en\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Read more', 'pageType': 'item', 'postId': '4508638507375658691', 'postImageUrl': 'file:///C:/Users/sujata/AppData/Local/Temp/msohtmlclip1/01/clip_image001.gif', 'pageName': 'HTML Tutorial', 'pageTitle': 'HTML Faq\x27s - HTML Interview Questions And Answer: HTML Tutorial'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Link copied to clipboard!', 'ok': 'Ok', 'postLink': 'Post Link'}}, {'name': 'template', 'data': {'name': 'Simple', 'localizedName': 'Simple', 'isResponsive': false, 'isAlternateRendering': false, 'isCustom': false, 'variant': 'pale', 'variantId': 'pale'}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'HTML Tutorial', 'description': ' HTML documents are text files made up of HTML elements. HTML elements are defined using HTML tags. HTML Tags HTML tags are ...', 'featuredImage': 'file:///C:/Users/sujata/AppData/Local/Temp/msohtmlclip1/01/clip_image001.gif', 'url': 'https://htmlfaq.blogspot.com/2008/11/html-tutorial.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 4508638507375658691}}]);
_WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'navbar', document.getElementById('Navbar1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_AdSenseView', new _WidgetInfo('AdSense3', 'main', document.getElementById('AdSense3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/599103511-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/1964470060-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'main', document.getElementById('HTML2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'main', document.getElementById('HTML1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogListView', new _WidgetInfo('BlogList1', 'main', document.getElementById('BlogList1'), {'numItemsToShow': 0, 'totalItems': 0}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogSearchView', new _WidgetInfo('BlogSearch1', 'sidebar-right-1', document.getElementById('BlogSearch1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_SubscribeView', new _WidgetInfo('Subscribe1', 'sidebar-right-1', document.getElementById('Subscribe1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'sidebar-right-2-1', document.getElementById('HTML3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive1', 'sidebar-right-2-2', document.getElementById('BlogArchive1'), {'languageDirection': 'ltr', 'loadingMessage': 'Loading\x26hellip;'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label1', 'sidebar-right-3', document.getElementById('Label1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_AttributionView', new _WidgetInfo('Attribution1', 'footer-3', document.getElementById('Attribution1'), {}, 'displayModeFull'));
</script>
</body>
</html>]]></plaintext></span></p></td></tr></div> |