Tech Honey

The #1 Website for Oracle PL/SQL, OA Framework and HTML

HTML Acronym Tag

by

HTML Acronym TagHTML Acronym Tag (<acronym>) is used to indicate the acronym e.g. “ASAP”, or “NASA”.

In other words we can say that whenever we want to give acronym in HTML we use the HTML Acronym Tag.

My marking the acronym using the HTML Acronym Tag we give useful information to internet browsers, translation systems, spell checking software, search engine spiders or bots and indexing utilities.

Note: HTML Acronym Tag is not supported in HTML 5 (Use HTML 5 abbr Tag) but supported in HTML 4.0.1

Syntax for HTML Acronym Tag

<acronym title=”Some Text”>
acronym</acronym>

Example of HTML Acronym Tag

HTML acronym Tag code Output 
I want this to be done
<acronym title="As Soon As Possible">ASAP</acronym>. Thanks.
I want this to be done ASAP. Thanks.

Here in the above HTML acronym tag example above we can see that the phrase “As Soon As Possible” becomes acronymas “ASAP” in output section of the code.

Once we move our mouse pointer over the “ASAP” acronym we will be able to see the text in the title (in our case “As Soon As Possible”) as a tip in the browser.

HTML Acronym Tag supports the following HTML Global Attributes

Global Attribute Value Description
class classname Refers to a classname in the style sheet
Dir rtlltr Indicates the direction of text of the content in the element
id id Gives a unique id to the element
lang language_code Indicates the language for the content in the element
style style_definition Indicates the inline CSS Style for element
title text Indicates the extra information about the element

HTML Acronym Tag supports the following HTML Event Attributes

Event Attribute Description
onclick Defines the script to be run once mouse is clicked on the element
ondbclick Defines the script to be run once mouse is double clicked on the element
onmousedown Defines the script to be run once the mouse button is pressed down on an element
onmousemove Defines the script to be run once the mouse pointer is moving
onmouseout Defines the script to be run once the mouse pointer moves out form an element
onmouseover Defines the script to be run once the mouse pointer is moving over the element
onmouseup Defines the script to be run once the mouse button is released up on an element
onkeydown Defines the script to be run once a key is being pressed
onkeypress Defines the script to be run once a key is pressed
onkeyup Defines the script to be run once a pressed key is released

HTML Acronym Tag Supporting Browsers

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

HTML Address Tag

by

HTML Address TagHTML Address Tag (<address>) defines the address or contact information of the owner of the resource or article or even document.

As a general convention, it is understood that if the Address Tag is inside the HTML <body> Tag or element then the Address Tag represents the address or contact information for that document or resource.

If the Address Tag is inside the HTML <article> Tag or element then the Address Tag represents the address or contact information for that article.

Also, the text within the HTML Address Tag is usually written in italics.

Most of the browsers will generally add a line break before and after the Address Tag.

Syntax for HTML Address Tag

<address>
Some Address goes here
</address>

Example of HTML Address Tag

HTML address tag code Output 
</pre>
<address>Website Created by
<a href="mailto:webmaster@techhoney.com">Web Master</a>.

Visit us at:

techhoney.com

P.O. Box 123456789, Your State

The Country</address>
<pre>
Website Created by Web Master.Visit us at:techhoney.com

P.O. Box 123456789, Your State

The Country

Here we can see that the HTML Address Tag output code comes as italic.

HTML Address Tag supports all the HTML Global Attributes and HTML Event Attributes.

HTML Address 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

Important Points about HTML Address Tag:-

HTML Address Tag should not be used to depict personal address until and unless the personal address is a part of your contact information.

The HTML Address Tag is typically included at the footer section of the webpage or resource.

In HTML 4.0.1 the HTML <article> tag is not supported and hence the HTML Address Tag defines the contact information for the document or resource owner.

HTML Applet Tag

by

HTML Applet tagHTML Applet Tag defines the embedded applet in the HTML resource or webpage.

Note: The Applet Tag is not supported in HTML 5. Use the HTML5 Object Tag instead.

Also, the Applet Tag is deprecated in the HTML 4.0.1.

Syntax for HTML Applet Tag

<applet code=”YourJava.class” >
</applet>

Example of HTML Applet Tag

HTML Applet Tag Code

 
</pre>
<applet code="Triangle.class" width="400" height="350">
Java applet that draws some triangles.
</applet>
<pre>

HTML Applet Tag Required Attributes

HTML applet tag required attribute Value Description
code URL Defines the name of the Java applet
object Name Defines a reference to the serialized representation of the Java applet

HTML Applet Tag Optional Attributes

HTML applet tag optional attribute Value Description
align Left,right,top,bottom,middle,baseline Defines the alignment of the applet as per the surrounding elements
alt Text Defines the alternative text for the applet
archive URL Defines the location (URL) of the archive file
codebase URL Defines the relative base URL for applets
height Pixels Defines the height of the applet in pixels
hspace Pixels Defines the horizontal space around the applet
name Name Defines the name of the applet
vspace Pixels Defines the vertical space around the applet
width Pixels Defines the width of the applet in pixels

HTML applet tag supported HTML Global Attributes

HTML applet tag Global attribute Value Description
Class Classname Defines a class name for the applet
Id Id Defines the unique id for the applet
Style Style_definition Defines an inline style for the applet
Title text Defines some extra information about the applets

The HTML applet tag does not support any HTML Event Attributes.

HTML Applet 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 Area Tag

by

What HTML Area Tag does is that it classifies an area within an HTML image map.  Now, an HTML image map is nothing but an image with area that can be clicked or with clickable areas within the image.

The HTML Area Tag is always nested inside the HTML Map Tag.

The usemap attribute of the HTML Image Tag must have the same value as that of the name attribute of the HTML Map Tag and this is what creates the relationship between the image and the map.

Example of HTML Area Tag

HTML Area Tag Code                              Output 
<p>Click on the shapes to watch them:</p>
<img src=" HTMLAreaTagEx.gif" 
alt="Shapes" usemap="#shapemap" 
width="145" height="126">
<map name="shapemap">
<area shape="circle" coords="25,30,12" 
alt="Circle" href="Circle.jpg" target=_blank>
<area shape="circle" coords="72,35,10" 
alt="Triangle" href="triangle.jpg" target=_blank >
<area shape="circle" coords="115,35,10" 
alt="Star" href="star.jpg" target=_blank >
</map>

Click on the shapes to watch them:

Shapes

Circle Triangle Star

Here in the above HTML Area Tag example, if we click on the circle, triangle or on star then we will be able to have a closer look at the clicked image. Also note that the closer look images will open in a new window or tab as we have used the target attribute with _blank value.

Note that we are clicking in a certain portion of the image.

Attributes of HTML Area Tag

HTML Area Tag Attribute Value Description
alt Text Defines an alternative text for the image area. This is  a required attribute if the href attribute is used.
coords Coordinates Defines the coordinates of the area
href URL Defines the hyperlink target that should be opened
hreflang Language_code Defines the language of the targeted resource.
media Media query Characterize for what media type the target URL is optimized for.
nohref Value Characterize that the area has no link associated to it. (Not Supported in HTML 5)
rel alternate
author
bookmark
help
license
next
nofollow
noreferrer
prefetch
prev
search
tag		 Defines the relationship between the current and the linked document.
shape default
rect
circle
poly		 Defines the shape of the area
target _blank
_parent
_self
_top
framename		 Defines where to open the targeted URL
type MIME_type Defines the MIME type of the linked URL

HTML area tag also supports all the HTML Global Attributes and HTML Event Attributes

HTML Area 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 Article Tag

by

HTML Article TagHTML Article Tag is used to define a self-determining self limited content.

An article is what which can make sense alone and does not need any other reference for making sense.

HTML Article Tag can be used in:

Blog Posts
News
Comments in blog
In forums

Note: HTML Article Tag is new in HTML 5.

Syntax of HTML Article Tag

<article>
The article content goes here..
</article>

Example of HTML Article Tag

HTML Article Tag Code Output 
<article>
<h1>SQL PLSQL and HTML Tutorial</h1>
<p>
TechHoney.com is one of the best ways 
to learn Oracle SQL PLSQL and HTML. 
You can find vast resources 
and great explanations here.
</p>
</article>
SQL PLSQL and HTML Tutorial

TechHoney.com is one of the best ways to learn Oracle SQL PLSQL and HTML. You can find vast resources and great explanations here.

Here in the above HTML Article Tag Code example we can see that we have mentioned the article heading in the <h1> tag and the article itself is being published in the HTML paragraph <p> tag.

HTML Article Tag supports the HTML Global Attributes and HTML Event Attributes.

HTML Article Tag Supporting Browsers

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