HTML TUTORIAL PART 7: EXPLANATION OF BLOCKS, LINKS, FRAMES TAG

Have you guys seen in some webpages when you roll your mouse over a word you will see an high lighted text poping below the mouse, so that's done by acronym. The HTML acronym tag indicates an acronym. Browsers usually show a tool tip with the text in the "title" attribute when the mouse is over the text between the tags.

USAGE EXAMPLE:

Code:

<acronym title="HYPER TEXT MARKUP LANGUAGE">HTML</acronym>
<acronym title="iNFiNiTUDE PROGRAMMING SCHOOL">IPS</acronym>
<acronym title="National Aeronautics and Space Administration">NASA</acronym> stands for "National Aeronautics and Space Administration"

Use the above three examples in your HTML page and roll the mouse over the texts "HTML", "IPS", "NASA" and see the output yourself.

USEAGE EXAMPLE:

Code:

 
[center][color=red]<abbr> </abbr>[/color][/center]

The HTML abbr tag indicates an abbreviated form.

USEAGE EXAMPLE:

Code:

The <abbr title="Linkin Park">LP</abbr> is a American band.

The HTML address tag is commonly used to provide contact information at the bottom or beginning of a document or a form. It could be used, for example, to provide information about the enterprise behind the website, the author of a specific article or the author of the website itself. Note that browsers may change the aspect of the text between these tags (e.g., italic font).

USEAGE EXAMPLE:

Code:

<address>
Written by Arvind<br />
<a href="mailto:sneakers@in.com">Email us</a><br />
Address: iNFiNiTUDE Programming School<br />
Phone: +12 34 56 78
</address>

The HTML blockquote tag defines a quotation. It's commonly used to define long quotations like paragraphs (instead of HTML q tag used for in-line content).

USEAGE EXAMPLE:

Code:

<blockquote>
Here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation.
</blockquote>

The text entered inbetween this tag will be alligned to center.

USEAGE EXAMPLE:

Code:

<center>This text will be centered</center>

The HTML q tag defines a quotation in the same way the HTML blockquote tag does, but for in-line content. The text between this tag will be enclosed between doublequotes.

USEAGE EXAMPLE:

Code:

<q>
Here is a short quotation here is a short quotation
</q>

The HTML cite tag contains a citation or a reference to other sources.

USEAGE EXAMPLE:

Code:

<cite>Citation</cite>

The HTML ins tag indicates an inserted text in a document. This is commonly used to give information about changes or updates in a document.

USEAGE EXAMPLE:

Code:

<p>I like <del>XML</del> <ins>HTML</ins>!</p>

The HTML del tag indicates a deleted text in a document. This is commonly used to give information about changes or updates in the document.

USEAGE EXAMPLE:

Code:

<p>I like <del>XML</del> <ins>HTML</ins>!</p>

Both s and strike tag renders strike-through text.

USEAGE EXAMPLE:

Code:

<p>I <s>Dont know HTML!</s> I know HTML!</p>

<p>I <strike>Dont know HTML!</strike> I know HTML!</p>

The HTML a tag defines an anchor and may be used to establish a link to other document, as a bookmark on a page, or as both of them.

When used to set a bookmark you must define an id or name (use "id" for Strict XHTML or both "id" and "name" with the same value for compatibility) to be able to point to it in other instances. The id must be unique and follow the rules described for the "name" attribute. If no "href" attribute is defined, the visual aspect of text is not changed.



USEAGE EXAMPLE:

Code:

<a id="bookmark" name="bookmark">First bookmark named as "bookmark". We'll refer to it in other examples.</a>

When the HTML a tag is used to link to other page the "href" attribute is defined and describes the location of the referred resource. The links are usually rendered in a special way by browsers using text decorations, as color and/or underline.

USEAGE EXAMPLE:

Code:

<a href="http://www.infinitude.forumotion.com/">iNFiNiTUDE Home Page</a><br />
<a href="http://infinitude.forumotion.com/profile.forum?mode=register">REGISTER PAGE</a>

The HTML link tag works like the HTML a tag, but it's defined only in the head section of the document, and is used mostly to give relational information about it. For example, you can use the HTML link tag to say where in a chapter is this document located, or which document works as an index for it, or to specify alternate versions that are written in other languages or for other media.

USEAGE EXAMPLE:

Code:

<head>
<title>Chapter two</title>
<link rel="index" href="../index.html" />
<link rel="prev" href="chapter1.html" />
<link rel="next" href="chapter3.html" />
<link rel="alternate" media="print" href="chapter2-printer.html" />
<link rel="alternate" hreflang="es" href="chapter2-es.html" />
</head>
...Document's body...

The HTML frame tag defines a single frame. This will allow authors to load an independent HTML document into the space designated for this frame. The spaces for frames are defined with the HTML frameset tag.

The HTML frameset tag divides the available space in rectangular subspaces, where an individual HTML document can be loaded for each through the HTML frame tag. The number of frames and their sizes will be defined through the "rows" and "cols" attributes.

In the following example, a simple frameset is defined. The HTML frame tag set common attributes:

USEAGE EXAMPLE:

Code:

<frameset cols="50%,50%">
<frame noresize="noresize" src="http://infinitude.forumotion.com/infinitude-programming-school-f7/html-tutorial-part-1-basics-of-html-t8.htm" frameborder="0" marginwidth="0" marginheight="0" scrolling="yes">
<frame noresize="noresize" src="http://infinitude.forumotion.com/infinitude-programming-school-f7/html-tutorial-part-6-explanation-of-output-tags-t32.htm" frameborder="0" marginwidth="0" marginheight="0" scrolling="yes">
</frameset>

The HTML noframes tag specifies content that should be rendered in the case that frames cannot. Every information inserted in this tag will be shown by those browsers that don't support frames or are not configured to show them.

The most common use is below of a frameset definition (HTML frameset tag). This gives an alternative message for browsers not displaying frames.

USEAGE EXAMPLE:

Code:

<frameset>
...Frameset description...
</frameset>
<noframes>
<p>This page is configured to display frames, but your browser don't support them or is configured not to show them.</p>
<p>If your actual browser support frames follow this steps to activate this characteristic:...</p>
<p>To download a browser with frames support <a href="www.xbrowser.com/download.html">click here</a>.</p>
<p>To access an alternate version of this document without frames <a rel="alternate" href="noframes.html">click here</a>.</p>
</noframes>

The HTML iframe tag allow authors to insert a frame inside a document. It works similar to the HTML frame tag but the HTML iframe tag can be inserted in between the document's content.

The HTML iframe tag is inserted inside the text just like a table and is rendered as a windows containing the HTML document.

In the following example, the iframe is defined to show another document, and a link is defined for browser that don't support iframes.

USEAGE EXAMPLE:

Code:

<iframe width="100%" height="150" src="http://infinitude.forumotion.com/forum.htm" frameborder="1">
If you see this message, it means that your browser don't support this feature or it's disabled. But you can access to this information here <a href="http://infinitude.forumotion.com/forum.htm">Link</a>.
</iframe>Code end

-Arvind