6.0 HTML, Graphic and Link Tags and Properties

<A>...</A>

HREF=URL | NAME=Text

REL=Text | REV=Text

TARGET=Text | TITLE=Text

This tag marks the beginning and the end of a hypertext link, through which a user can move around in web pages. The HREF property specifies the target, filename, or URL that the hypertext points to, whereas, the NAME propery assigns a name for the enclosed text, allowing it to be a target to a hyperlink. The TARGET property specifies the default target window or frame for the hyperlink.

HTML Example

<A HREF="HTTP:\\WWW\MICROSOFT.COM">

Browser Output

WWW.MICROSOFT.COM

 
      Previous Section           Table Of Contents            Next Section



<AREA>

COORDS=Value 1, value 2...

SHAPE=Option | (RECT | CIRCLE | POLY)

TARGET=Text | HREF=URL

The <AREA> tag defines the type and coordinates of a hotspot within an image map. The COORDS property defines the coordinates of the hotspot depending on the shape ; A Rectangle, a Circle, or a Polygon, which is indicated by the SHAPE property. The target, filename, or URL that the hotspot points to is indicated by the HREF property.

HTML Example

<AREA HREF="URL" COORDS=Value1, value 2....>

Browser Output

N/A

 
      Previous Section           Table Of Contents            Next Section



<IMG>

ALIGN=Option | (LEFT | RIGHT | TOP | TEXTTOP | MIDDLE ABSMIDDLE | BASELINE | BOTTOM | ABSBOTTOM)

ALT=Text | BORDER=Value | DYNSRC=Document | CONTROLS

HEIGHT=Value | WIDTH=Value | ISMAP |

LOOP=Value | LOWSRC= Document | SRC=Document

START=Item | ( FILEOPEN | MOUSEOVER )

HSPACE=Value | VSPACE= Value | USEMAP=# Map-Name

The <IMG> tag is used to insert an inline image into the document. The many properties available for this tag allow you to portray the image exactly the way you want it to look on the browser's window. You can specify the alignment of the image with the page margin, or it's alignment with the surrounding text. You can also insert text that the browser will display instead of the image, if it fails to display it. The tag also allows you to specify the size of the border around the image, as well as the height and width of it. Some HTML examples of these properties are presented below.

HTML Example

<IMG SRC="singin_rain.jpg" WIDTH=300 HEIGHT=200 >

Browser Output

HTML Example

<P><IMG SRC="singin_rain.jpg" WIDTH=180 HEIGHT=120 ALIGN=RIGHT BORDER=5>...Text....</P>

Browser Output

Selected for it's fragrance and color,this is one sample rose of the classic roses of the past 60 years. The 1995 winner Rose is called Singin' in the Rain.

HTML Example

<P><IMG SRC="singin_rain.jpg" ALIGN=BOTTOM WIDTH=140 HEIGHT=150 >...Text....</P>

Browser Output

Selected for it's fragrance and color,this is one sample rose of the classic roses of the past 60 years. The 1995 winner Rose is called Singin' in the Rain.

HTML Example

<P><IMG SRC="singin_rain.jpg" WIDTH=180 HEIGHT=120 ALIGN=MIDDLE ALT="Singin' in the Rain Rose" >...Text....</P>

Browser Output

Singin' in the Rain RoseSelected for it's fragrance and color, this is one sample rose of the classic roses of the past 60 years. The 1995 winner is called Singin' in the Rain.

HTML Example

<P><IMG SRC="singin_rain.jpg" WIDTH=230 HEIGHT=170 ALIGN=LEFT>...Text....</P>

Browser Output

Selected for it's fragrance and color, this is one sample rose of the classic roses of the past 60 years. The 1995 winner is called Singin' in the Rain.

HTML Example

<P><IMG SRC="singin_rain.jpg" WIDTH=200 HEIGHT=140 ALIGN=LEFT VSPACE=15 HSPACE=15>...Text....</P>

Browser Output

Selected for it's fragrance and color, this is one sample rose of the classic roses of the past 60 years. The 1995 winner is called Singin' in the Rain.

 
      Previous Section           Table Of Contents            Next Section



<MAP>...</MAP>

NAME=Text

An image map is a graphic that is divided into one or more sections. and each section or area points to a different web page. The Two types of image maps available are server-side image map and client-side image maps.The ISMAP property is used with the <IMG> tag to indicate a server-side image map, and the USEMAP property is used to indicate a client-side image map. The <MAP> and <AREA> tags contain the image mapping information. The NAME property is used to specify the name of the image map.

HTML Example

<MAP NAME="singin_rain">

<AREA SHAPE=RECT COORDS="1,1,170,238" HREF="first.htm" ALT="" OnMouseOut="window.status=''; return true" OnMouseOver="window.status=''; return true" >

<AREA SHAPE=RECT COORDS="173,1,335,317" HREF="second.htm" ALT="second part of the map" OnMouseOut="window.status=''; return true" OnMouseOver="window.status=''; return true">

</MAP>

Browser Output

first part of the map second part of the map 
      Previous Section           Table Of Contents            Next Section