HTML

HTML Blockquote Tag

August 8, 2013 by techhoneyadmin

The HTML Blockquote Tag <blockquote> is used to classify a section which is quoted or taken from another resource.

HTML Blockquote Tag can be used whenever we wish to quote text or information from other resource.

HTML Blockquote tag is a closed tag and needs closing HTML Blockquote Tag </blockquote>.

Note: Browsers usually tend to indent the elements and text within the Blockquote HTML Tag.

HTML Blockquote Tag Syntax

<blockquote cite=”URL”>
Some text from other resource
</blockquote>

HTML Blockquote Tag Example

HTML Blockquote Tag Code

Output

</pre>
<h1>Computer</h1>
<pre>
 Below is the quote from Wikipedia Website on Computer</pre>
<blockquote cite="http://www.en.wikipedia.org/wiki/Computer">
<a href="http://www.en.wikipedia.org/wiki/Computer">
http://www.en.wikipedia.org/wiki/Computer </a>
A computer is a general purpose device
that can be programmed to carry out
a finite set of arithmetic or
logical operations.
Since a sequence of operations
can be readily changed,
the computer can solve more than
one kind of problem.</blockquote>
<pre>

Computer Below is the quote from Wikipedia Website on Computer

http://www.en.wikipedia.org/wiki/Computer
A computer is a general purpose device that can be programmed to carry out a finite set of arithmetic or logical operations. Since a sequence of operations can be readily changed, the computer can solve more than one kind of problem.

The above HTML Blockquote Tag example renders the text (taken from Wikipedia Website) in a indented form as we have wrapped the content in HTML 5 Blockquote Tag.

Also, note the usage of the Blockquote HTML Tag’s Cite Attribute.

HTML Blockquote Tag Attributes

HTML Blockquote Tag Attribute	Value	Description
cite	URL	Defines the location of the resource being quoted.

HTML Blockquote Tag support all HTML Global Attributes and HTML Event Attributes

HTML Blockquote Tag Supporting Browsers

S. No.	Browser	Supported(Yes/No)
1	Internet Explorer	Yes
2	Firefox	Yes
3	Google Chrome	Yes
4	Opera	Yes
5	Safari	Yes

HTML Figure Tag

August 8, 2013 by techhoneyadmin

HTML Figure tag <figure> is used to specify a unit like image, diagram, photos etc.

Whatever be the content in the HTML Figure tag <figure> it should be associated to the main content neighboring it.

Also the position of the HTML figure tag is independent of the flow in the HTML resource or document, which means that, if the HTML figure tag is removed from the HTML resource or webpage then also the flow of the webpage remains the same.

HTML 5 Figure tag <figure>is a closed tag and needs closing HTML 5 figure tag </figure>

HTML 5 figcaption Tag is used with the HTML Figure tag for providing caption to the figures.

Note: Figure tag is new in HTML 5.

HTML Figure Tag Syntax

<figure>
Some figure here..
</figure>

HTML Figure Tag Example

HTML Figure Tag Code

Output

<p>Earth is the third planet from the Sun,
and fifth-largest of the eight planets
in the Solar System.
It is sometimes referred to as
the world or the Blue Planet.
</p><figure>
<img src="Earth.jpg" alt="The Earth"
width="304" height="228">
<figcaption> Blue Planet: The Earth</figcaption>
</figure>

Earth is the third planet from the Sun, and fifth-largest of the eight planets in the Solar System. It is sometimes referred to as the world or the Blue Planet.

In the HTML figure tag example above note how we have used the HTML Figure tag to embed the image of earth.

Also, note the use of HTML Figcaption Tag <figcaption> to provide Caption to image of Earth.

HTML Figure Tag supports all HTML Global Attributes and HTML Event Attributes.

HTML Figure Tag Supporting Browsers

S. No.	Browser	Supported(Yes/No)
1	Internet Explorer	Yes (From IE 9 Onwards)
2	Firefox	Yes
3	Google Chrome	Yes
4	Opera	Yes
5	Safari	Yes

HTML Section Tag

August 8, 2013 by techhoneyadmin

The HTML Section Tag is used to classify portion or segment in an HTML resource or webpage.

The HTML Section Tag can be used to create segments like headers, footers, chapters etc.

Note: Section Tag is new in HTML 5.

HTML Section Tag Syntax

<section>
Some Text here
</section>

HTML Section Tag Example

HTML Section Tag Code

Output

<section>
<h1>Computer</h1>
 A Computer is an electronic device
which can take data as input,
process the data and can output
the results in a desired manner </section>
<section>
<h1>Software</h1>
A Software is a piece of
computer code which enables
any desired computation.</section>

Computer

A Computer is an electronic device which can take data as input, process the data and can output the results in a desired manner

Software

A Software is a piece of computer code which enables any desired computation.

In the above HTML Section Tag example output, note that the definition of “Computer” and “Software” are displayed segregated from each other and that’s because both the definitions are in their respective sections.

HTML Section Tag supports HTML Global Attributes and HTML Event Attributes.

HTML Section Tag Supporting Browsers

S. No.	Browser	Supported(Yes/No)
1	Internet Explorer	Yes
2	Firefox	Yes
3	Google Chrome	Yes
4	Opera	Yes
5	Safari	Yes

NoScript Tag HTML

August 8, 2013 by techhoneyadmin

The HTML NoScript Tag is used to show or display alternative text if the browser of a user doesn’t support scripts or even if the user has disabled scripts in the browser.

This means that the content within the NoScript Tag will be visible only if scripts are not supported or disabled in the browser.

The NoScript HTML Tag can contain all the HTML elements that the HTML Body Tag can have.

HTML NoScript Tag Syntax

<noscript>
Some Text Here..
</noscript>

HTML NoScript Tag Example

HTML NoScript Tag Code

Output

<br />&lt;script&gt;document.write("Hello From Tech Honey!")<br />&lt;/script&gt;<br />&lt;noscript&gt;Sorry, your browser<br />does not support JavaScript!&lt;/noscript&gt;<br />&lt;p&gt;A browser which does not supports JavaScript<br />will show the text inside<br />the &lt;noscript&gt; tag.&lt;/p&gt;

A browser which does not supports JavaScript will show the text inside the <noscript> tag.

In the HTML NoScript Tag example above, if the browser does not supports JavaScript or if JavaScript is disabled then the text in the HTML NoScript Tag will be displayed.

HTML NoScript Tag support all HTML Global Attributes

HTML NoScript Tag Supporting Browsers

S. No.	Browser	Supported(Yes/No)
1	Internet Explorer	Yes
2	Firefox	Yes
3	Google Chrome	Yes
4	Opera	Yes
5	Safari	Yes

HTML Caption Tag

August 8, 2013 by techhoneyadmin

HTML Caption Tag <caption> is used to provide a caption to a table in HTML 5. The HTML Caption Tag must be places just after the HTML Table Tag.

Only one Caption is allowed per table in an HTML webpage. The caption of a table is aligned as center by default by HTML Caption Tag.

Caption Tag align attribute is removed in HTML 5 and is deprecated in HTML 4.01. Caption tag is a closed tag and needs closing Caption Tag </caption>

HTML Caption Tag Syntax

<table>
<caption> Table Caption Goes Here </caption>
Table rows and data goes here..
</table>

HTML Caption Tag Attributes

HTML Caption Tag Attribute	Value	Description
align	left, right, top, bottom	Specifies the alignment of the caption of table in HTML. Not Supported in HTML 5.

HTML Caption Tag supports all HTML Global Attributes and HTML Event Attributes.

HTML Caption Tag Example

HTML Caption Tag Code

Output

</pre>
<table border="1"><caption>Top 3 Ranks are</caption>
<tbody>
<tr>
<th>Rank</th>
<th>Name</th>
</tr>
<tr>
<td>John</td>
<td>1</td>
</tr>
<tr>
<td>Jack</td>
<td>2</td>
</tr>
<tr>
<td>Jill</td>
<td>3</td>
</tr>
</tbody>
</table>
<pre>

Top 3 Ranks are
Rank	Name
John	1
Jack	2
Jill	3

The above HTML Caption Tag example shows that by default the caption of the table is aligned at center of table.

HTML Caption Tag Supporting Browser

S. No.	Browser	Supported(Yes/No)
1	Internet Explorer	Yes
2	Firefox	Yes
3	Google Chrome	Yes
4	Opera	Yes
5	Safari	Yes