Saturday, November 15, 2008

HTML Tutorial

HTML documents are text files made up of HTML elements.

HTML elements are defined using HTML tags.


HTML Tags

  • HTML tags are used to mark-up HTML elements
  • HTML tags are surrounded by the two characters <>
  • The surrounding characters are called angle brackets
  • HTML tags normally come in pairs like and
  • The first tag in a pair is the start tag, the second tag is the end tag
  • The text between the start and end tags is the element content
  • HTML tags are not case sensitive, means the same as

HTML Elements

Remember the HTML example from the previous page:

Title of page
This is my first homepage. This text is bold

This is an HTML element:

This text is bold

The HTML element starts with a start tag:
The content of the HTML element is: This text is bold
The HTML element ends with an end tag:

The purpose of the tag is to define an HTML element that should be displayed as bold.

This is also an HTML element:

This is my first homepage. This text is bold

This HTML element starts with the start tag , and ends with the end tag .

The purpose of the tag is to define the HTML element that contains the body of the HTML document.


Why do We Use Lowercase Tags?

We have just said that HTML tags are not case sensitive: means the same as . If you surf the Web, you will notice that plenty of web sites use uppercase HTML tags in their source code. We always use lowercase tags. Why?

If you want to follow the latest web standards, you should always use lowercase tags. The World Wide Web Consortium (W3C) recommends lowercase tags in their HTML 4 recommendation, and XHTML (the next generation HTML) demands lowercase tags.


Tag Attributes

Tags can have attributes. Attributes provide additional information to an HTML element.

The following tag defines an HTML table:

. With an added border attribute, you can tell the browser that the table should have no borders:

Attributes always come in name/value pairs like this: name="value".

Attributes are always specified in the start tag of an HTML element.

Attributes and attribute values are also case-insensitive. However, the World Wide Web Consortium (W3C) recommends lowercase attributes/attribute values in their HTML 4 recommendation, and XHTML demands lowercase attributes/attribute values.


Always Quote Attribute Values

Attribute values should always be enclosed in quotes. Double style quotes are the most common, but single style quotes are also allowed.

In some rare situations, like when the attribute value itself contains quotes, it is necessary to use single quotes:

name='John "ShotGun" Nelson'

The most important tags in HTML are tags that define headings, paragraphs and line breaks.

The best way to learn HTML is to work with examples. We have created a very nice HTML editor for you. With this editor, you can edit the HTML source code if you like, and click on a test button to view the result.


Headings

Headings are defined with the

to

tags.

defines the largest heading.

defines the smallest heading.

This is a heading

This is a heading

This is a heading

This is a heading

This is a heading
This is a heading

HTML automatically adds an extra blank line before and after a heading.


Paragraphs

Paragraphs are defined with the

tag.

This is a paragraph

This is another paragraph

HTML automatically adds an extra blank line before and after a paragraph.


Line Breaks

The
tag is used when you want to end a line, but don't want to start a new paragraph. The
tag forces a line break wherever you place it.

This
is a para
graph with line breaks

The
tag is an empty tag. It has no closing tag.


Comments in HTML

The comment tag is used to insert a comment in the HTML source code. A comment will be ignored by the browser. You can use comments to explain your code, which can help you when you edit the source code at a later date.

Note that you need an exclamation point after the opening bracket, but not before the closing bracket.


Basic Notes - Useful Tips

When you write HTML text, you can never be sure how the text is displayed in another browser. Some people have large computer displays, some have small. The text will be reformatted every time the user resizes his window. Never try to format the text in your editor by adding empty lines and spaces to the text.

HTML will truncate the spaces in your text. Any number of spaces count as one. Some extra information: In HTML a new line counts as one space.

Using empty paragraphs

to insert blank lines is a bad habit. Use the
tag instead. (But don't use the
tag to create lists. Wait until you have learned about HTML lists.)

You might have noticed that paragraphs can be written without the closing tag

. Don't rely on it. The next version of HTML will not allow you to skip ANY closing tags.

HTML automatically adds an extra blank line before and after some elements, like before and after a paragraph, and before and after a heading.

We use a horizontal rule (the


tag), to separate the sections in our tutorials.


Basic HTML Tags

Tag

Description

Defines an HTML document

Defines the document's body

to

Defines header 1 to header 6

Defines a paragraph


Inserts a single line break


Defines a horizontal rule

Defines a comment

HTML defines a lot of elements for formatting output, like bold or italic text.

Below are a lot of examples that you can try out yourself:

How to View HTML Source

Have you ever seen a Web page and wondered "Hey! How did they do that?"

To find out, click the VIEW option in your browser's toolbar and select SOURCE or PAGE SOURCE. This will open a window that shows you the HTML code of the page.


Text Formatting Tags

Tag

Description

Defines bold text

Defines big text

Defines emphasized text

Defines italic text

Defines small text

Defines strong text

Defines subscripted text

Defines superscripted text

Defines inserted text

Defines deleted text

Deprecated. Use <del> instead

Deprecated. Use <del> instead

Deprecated. Use styles instead

"Computer Output" Tags

Tag

Description

Defines computer code text

Defines keyboard text

Defines sample computer code

Defines teletype text

Defines a variable

Defines preformatted text

Deprecated. Use

 instead 

<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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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 (&amp;), 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>&lt;</b> or <b>&#60;</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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; color: black;" lang="EN-US">&#160;<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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; color: black;" lang="EN-US">&lt;<o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: &quot;Verdana&quot;,&quot;sans-serif&quot;; color: black;" lang="EN-US">&#60;<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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; color: black;" lang="EN-US">&gt;<o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: &quot;Verdana&quot;,&quot;sans-serif&quot;; color: black;" lang="EN-US">&#62;<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: &quot;Verdana&quot;,&quot;sans-serif&quot;; color: black;" lang="EN-US">&amp;<o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; color: black;" lang="EN-US">&amp;<o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: &quot;Verdana&quot;,&quot;sans-serif&quot;; color: black;" lang="EN-US">&#38;<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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; color: black;" lang="EN-US">&quot;<o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: &quot;Verdana&quot;,&quot;sans-serif&quot;; color: black;" lang="EN-US">&#34;<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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; color: black;" lang="EN-US">&apos; (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: &quot;Verdana&quot;,&quot;sans-serif&quot;; color: black;" lang="EN-US">&#39;<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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; color: black;" lang="EN-US">&#162;<o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; color: black;" lang="EN-US">&#162;<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: &quot;Verdana&quot;,&quot;sans-serif&quot;; color: black;" lang="EN-US">&#163;<o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; color: black;" lang="EN-US">&#163;<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: &quot;Verdana&quot;,&quot;sans-serif&quot;; color: black;" lang="EN-US">&#165;<o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; color: black;" lang="EN-US">&#165;<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: &quot;Verdana&quot;,&quot;sans-serif&quot;; color: black;" lang="EN-US">&#167;<o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; color: black;" lang="EN-US">&sect;<o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: &quot;Verdana&quot;,&quot;sans-serif&quot;; color: black;" lang="EN-US">&#167;<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: &quot;Verdana&quot;,&quot;sans-serif&quot;; color: black;" lang="EN-US">&#169;<o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; color: black;" lang="EN-US">&copy;<o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: &quot;Verdana&quot;,&quot;sans-serif&quot;; color: black;" lang="EN-US">&#169;<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: &quot;Verdana&quot;,&quot;sans-serif&quot;; color: black;" lang="EN-US">&#174;<o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; color: black;" lang="EN-US">&reg;<o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: &quot;Verdana&quot;,&quot;sans-serif&quot;; color: black;" lang="EN-US">&#174;<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: &quot;Verdana&quot;,&quot;sans-serif&quot;; color: black;" lang="EN-US">&#215;<o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; color: black;" lang="EN-US">&times;<o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: &quot;Verdana&quot;,&quot;sans-serif&quot;; color: black;" lang="EN-US">&#215;<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: &quot;Verdana&quot;,&quot;sans-serif&quot;; color: black;" lang="EN-US">&#247;<o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; color: black;" lang="EN-US">&divide;<o:p></o:p></span></p> </td> <td style="padding: 0cm;"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: &quot;Verdana&quot;,&quot;sans-serif&quot;; color: black;" lang="EN-US">&#247;<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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;;" 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: &quot;Verdana&quot;,&quot;sans-serif&quot;;" 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;;" 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: &quot;Verdana&quot;,&quot;sans-serif&quot;;" 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: &quot;Verdana&quot;,&quot;sans-serif&quot;;" 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;;" 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; color: black;" lang="EN-US"><o:p></o:p></span></h1> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;;" lang="EN-US">Coffee <o:p></o:p></span></li><li class="MsoNormal" style="color: black;"><span style="font-size: 8.5pt; font-family: &quot;Verdana&quot;,&quot;sans-serif&quot;;" 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; color: black;" lang="EN-US"><span style="">1.<span style="font-family: &quot;Times New Roman&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; color: black;" lang="EN-US"><span style="">2.<span style="font-family: &quot;Times New Roman&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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: &quot;Verdana&quot;,&quot;sans-serif&quot;; 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='http://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='reaction-buttons'> </span> <span class='post-comment-link'> </span> <span class='post-backlinks 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='http://htmlfaq.blogspot.com/search/label/HTML' rel='tag'>HTML</a>, <a href='http://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.g?blogID=1868795505004018979&postID=4508638507375658691' onclick=''>Post a Comment</a> </p> <div id='backlinks-container'> <div id='Blog1_backlinks-container'> </div> </div> </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="http://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='http://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='http://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='http://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='http://htmlfaq.blogspot.com/feeds/4508638507375658691/comments/default' target='_blank' type='application/atom+xml'>Post Comments (Atom)</a> </div> </div> <script type='text/javascript'> window.___gcfg = { 'lang': 'en' }; </script> </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="http://scripts.chitika.net/eminimalls/amm.js" type="text/javascript"> </script> </div> <div class='clear'></div> <span class='widget-item-control'> <span class='item-control blog-admin'> <a class='quickedit' href='//www.blogger.com/rearrange?blogID=1868795505004018979&widgetType=HTML&widgetId=HTML2&action=editWidget&sectionId=main' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML2"));' target='configHTML2' title='Edit'> <img alt='' height='18' src='https://resources.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/> </a> </span> </span> <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> <span class='widget-item-control'> <span class='item-control blog-admin'> <a class='quickedit' href='//www.blogger.com/rearrange?blogID=1868795505004018979&widgetType=HTML&widgetId=HTML1&action=editWidget&sectionId=main' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML1"));' target='configHTML1' title='Edit'> <img alt='' height='18' src='https://resources.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/> </a> </span> </span> <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> <span class='widget-item-control'> <span class='item-control blog-admin'> <a class='quickedit' href='//www.blogger.com/rearrange?blogID=1868795505004018979&widgetType=BlogList&widgetId=BlogList1&action=editWidget&sectionId=main' onclick='return _WidgetManager._PopupConfig(document.getElementById("BlogList1"));' target='configBlogList1' title='Edit'> <img alt='' height='18' src='https://resources.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/> </a> </span> </span> <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='http://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> <span class='widget-item-control'> <span class='item-control blog-admin'> <a class='quickedit' href='//www.blogger.com/rearrange?blogID=1868795505004018979&widgetType=BlogSearch&widgetId=BlogSearch1&action=editWidget&sectionId=sidebar-right-1' onclick='return _WidgetManager._PopupConfig(document.getElementById("BlogSearch1"));' target='configBlogSearch1' title='Edit'> <img alt='' height='18' src='https://resources.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/> </a> </span> </span> <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://img2.blogblog.com/img/widgets/arrow_dropdown.gif'/> <img align='absmiddle' alt='' border='0' class='feed-icon' src='https://img1.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=http%3A%2F%2Fhtmlfaq.blogspot.com%2Ffeeds%2Fposts%2Fdefault' target='_blank'> <img src='https://img1.blogblog.com/img/widgets/subscribe-netvibes.png'/> </a> <a class='feed-reader-link' href='https://add.my.yahoo.com/content?url=http%3A%2F%2Fhtmlfaq.blogspot.com%2Ffeeds%2Fposts%2Fdefault' target='_blank'> <img src='https://img1.blogblog.com/img/widgets/subscribe-yahoo.png'/> </a> <a class='feed-reader-link' href='http://htmlfaq.blogspot.com/feeds/posts/default' target='_blank'> <img align='absmiddle' class='feed-icon' src='https://img1.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://img2.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://img1.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://img2.blogblog.com/img/widgets/arrow_dropdown.gif'/> <img align='absmiddle' alt='' border='0' class='feed-icon' src='https://img1.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=http%3A%2F%2Fhtmlfaq.blogspot.com%2Ffeeds%2F4508638507375658691%2Fcomments%2Fdefault' target='_blank'> <img src='https://img1.blogblog.com/img/widgets/subscribe-netvibes.png'/> </a> <a class='feed-reader-link' href='https://add.my.yahoo.com/content?url=http%3A%2F%2Fhtmlfaq.blogspot.com%2Ffeeds%2F4508638507375658691%2Fcomments%2Fdefault' target='_blank'> <img src='https://img1.blogblog.com/img/widgets/subscribe-yahoo.png'/> </a> <a class='feed-reader-link' href='http://htmlfaq.blogspot.com/feeds/4508638507375658691/comments/default' target='_blank'> <img align='absmiddle' class='feed-icon' src='https://img1.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://img2.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://img1.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> <span class='widget-item-control'> <span class='item-control blog-admin'> <a class='quickedit' href='//www.blogger.com/rearrange?blogID=1868795505004018979&widgetType=Subscribe&widgetId=Subscribe1&action=editWidget&sectionId=sidebar-right-1' onclick='return _WidgetManager._PopupConfig(document.getElementById("Subscribe1"));' target='configSubscribe1' title='Edit'> <img alt='' height='18' src='https://resources.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/> </a> </span> </span> <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="http://scripts.chitika.net/eminimalls/amm.js" type="text/javascript"> </script> </div> <div class='clear'></div> <span class='widget-item-control'> <span class='item-control blog-admin'> <a class='quickedit' href='//www.blogger.com/rearrange?blogID=1868795505004018979&widgetType=HTML&widgetId=HTML3&action=editWidget&sectionId=sidebar-right-2-1' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML3"));' target='configHTML3' title='Edit'> <img alt='' height='18' src='https://resources.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/> </a> </span> </span> <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'> &#9658;&#160; </span> </a> <a class='post-count-link' href='http://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'> &#9658;&#160; </span> </a> <a class='post-count-link' href='http://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'> &#9660;&#160; </span> </a> <a class='post-count-link' href='http://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'> &#9658;&#160; </span> </a> <a class='post-count-link' href='http://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'> &#9660;&#160; </span> </a> <a class='post-count-link' href='http://htmlfaq.blogspot.com/2008/11/'> November </a> <span class='post-count' dir='ltr'>(13)</span> <ul class='posts'> <li><a href='http://htmlfaq.blogspot.com/2008/11/html-40-standard-attributes.html'>HTML 4.0 Standard Attributes</a></li> <li><a href='http://htmlfaq.blogspot.com/2008/11/html-scripts.html'>HTML Scripts</a></li> <li><a href='http://htmlfaq.blogspot.com/2008/11/html-uniform-resource-locators.html'>HTML Uniform Resource Locators</a></li> <li><a href='http://htmlfaq.blogspot.com/2008/11/html-meta.html'>HTML Meta</a></li> <li><a href='http://htmlfaq.blogspot.com/2008/11/html-head.html'>HTML Head</a></li> <li><a href='http://htmlfaq.blogspot.com/2008/11/html-styles.html'>HTML Styles</a></li> <li><a href='http://htmlfaq.blogspot.com/2008/11/why-use-html-40.html'>Why use HTML 4.0?</a></li> <li><a href='http://htmlfaq.blogspot.com/2008/11/html-layout.html'>HTML Layout</a></li> <li><a href='http://htmlfaq.blogspot.com/2008/11/html-editing-programs.html'>HTML Editing Programs</a></li> <li><a href='http://htmlfaq.blogspot.com/2008/11/creating-pages-with-html.html'>Creating Pages With HTML</a></li> <li><a href='http://htmlfaq.blogspot.com/2008/11/html-forms-and-input.html'>HTML Forms and Input</a></li> <li><a href='http://htmlfaq.blogspot.com/2008/11/html-tutorial.html'>HTML Tutorial</a></li> <li><a href='http://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'> &#9658;&#160; </span> </a> <a class='post-count-link' href='http://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> <span class='widget-item-control'> <span class='item-control blog-admin'> <a class='quickedit' href='//www.blogger.com/rearrange?blogID=1868795505004018979&widgetType=BlogArchive&widgetId=BlogArchive1&action=editWidget&sectionId=sidebar-right-2-2' onclick='return _WidgetManager._PopupConfig(document.getElementById("BlogArchive1"));' target='configBlogArchive1' title='Edit'> <img alt='' height='18' src='https://resources.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/> </a> </span> </span> <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='http://htmlfaq.blogspot.com/search/label/DOM'>DOM</a> <span dir='ltr'>(1)</span> </li> <li> <a dir='ltr' href='http://htmlfaq.blogspot.com/search/label/FAQ%27s'>FAQ&#39;s</a> <span dir='ltr'>(2)</span> </li> <li> <a dir='ltr' href='http://htmlfaq.blogspot.com/search/label/HTML'>HTML</a> <span dir='ltr'>(23)</span> </li> <li> <a dir='ltr' href='http://htmlfaq.blogspot.com/search/label/HTML%20Tutorial'>HTML Tutorial</a> <span dir='ltr'>(11)</span> </li> </ul> <div class='clear'></div> <span class='widget-item-control'> <span class='item-control blog-admin'> <a class='quickedit' href='//www.blogger.com/rearrange?blogID=1868795505004018979&widgetType=Label&widgetId=Label1&action=editWidget&sectionId=sidebar-right-3' onclick='return _WidgetManager._PopupConfig(document.getElementById("Label1"));' target='configLabel1' title='Edit'> <img alt='' height='18' src='https://resources.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/> </a> </span> </span> <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> <span class='widget-item-control'> <span class='item-control blog-admin'> <a class='quickedit' href='//www.blogger.com/rearrange?blogID=1868795505004018979&widgetType=Attribution&widgetId=Attribution1&action=editWidget&sectionId=footer-3' onclick='return _WidgetManager._PopupConfig(document.getElementById("Attribution1"));' target='configAttribution1' title='Edit'> <img alt='' height='18' src='https://resources.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/> </a> </span> </span> <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 src='https://apis.google.com/js/plusone.js' type='text/javascript'></script> <script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/513252908-widgets.js"></script> <script type='text/javascript'> window['__wavt'] = 'AOuZoY4JS8sTtvDjLvfHuzu_DkIGXEuZUA:1495932792902';_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': 'http://htmlfaq.blogspot.com/2008/11/html-tutorial.html', 'canonicalUrl': 'http://htmlfaq.blogspot.com/2008/11/html-tutorial.html', 'homepageUrl': 'http://htmlfaq.blogspot.com/', 'searchUrl': 'http://htmlfaq.blogspot.com/search', 'canonicalHomepageUrl': 'http://htmlfaq.blogspot.com/', 'blogspotFaviconUrl': 'http://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, '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\x22http://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\x22http://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\x22http://htmlfaq.blogspot.com/feeds/4508638507375658691/comments/default\x22 /\x3e\n', 'meTag': '', 'openIdOpTag': '', 'mobileHeadScript': '', 'adsenseClientId': 'ca-pub-4684889708406489', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'ieCssRetrofitLinks': '\x3c!--[if IE]\x3e\x3cscript type\x3d\x22text/javascript\x22 src\x3d\x22https://www.blogger.com/static/v1/jsbin/3095787282-ieretrofit.js\x22\x3e\x3c/script\x3e\n\x3c![endif]--\x3e', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/3db44de20395f7da', 'plusOneApiSrc': 'https://apis.google.com/js/plusone.js', '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': 'Twitter', 'key': 'twitter', 'shareMessage': 'Share to Twitter', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Share to Pinterest', 'target': 'pinterest'}, {'name': 'Google+', 'key': 'googlePlus', 'shareMessage': 'Share to Google+', 'target': 'googleplus'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'googlePlusShareButtonWidth': 300, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27en\x27};\x3c/script\x3e'}, 'jumpLinkMessage': 'Read more &#187;', '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': {'unsupported_browser_message': 'false', 'lightbox_img_parsing': 'false', 'sharing_get_link_dialog': 'false'}}, {'name': 'messages', 'data': {'linkCopiedToClipboard': 'Link copied to clipboard!', 'postLink': 'Post Link'}}, {'name': 'template', 'data': {'name': 'Simple', 'localizedName': 'Simple', 'isResponsive': false, 'isAlternateRendering': false, 'isCustom': false, 'variant': 'pale', 'variantId': 'pale', 'variantName': 'Pale', 'localizedVariantName': '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': 'http://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', null, document.getElementById('Navbar1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', null, document.getElementById('Header1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_AdSenseView', new _WidgetInfo('AdSense3', 'main', null, document.getElementById('AdSense3'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', null, document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/2391470920-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/368954415-lightbox_bundle.css'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'main', null, document.getElementById('HTML2'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'main', null, document.getElementById('HTML1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogListView', new _WidgetInfo('BlogList1', 'main', null, document.getElementById('BlogList1'), {'numItemsToShow': 0, 'totalItems': 0}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogSearchView', new _WidgetInfo('BlogSearch1', 'sidebar-right-1', null, document.getElementById('BlogSearch1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_SubscribeView', new _WidgetInfo('Subscribe1', 'sidebar-right-1', null, document.getElementById('Subscribe1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'sidebar-right-2-1', null, document.getElementById('HTML3'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive1', 'sidebar-right-2-2', null, document.getElementById('BlogArchive1'), {'languageDirection': 'ltr', 'loadingMessage': 'Loading\x26hellip;'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label1', 'sidebar-right-3', null, document.getElementById('Label1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_AttributionView', new _WidgetInfo('Attribution1', 'footer-3', null, document.getElementById('Attribution1'), {}, 'displayModeFull')); </script> </body> </html>