HTML Tutorial - [ Beginners, Intermediate & Advanced Users]

Explanation on FRAMESET, FRAME & IMAGE tag


» Know about FRAMESET & FRAME Tag - [View Content] - beginner
» Know about IMG tag - [View Content]

FRAMESET & FRAME

It contains frame definitions as well as specifies frame dimensions and spacing and etc.

Ex:-

<FRAMESET COLS="30%,*">
<FRAME SRC="leftFrame.htm" NAME="left">
<FRAME SRC="rightFrame.htm" NAME="right">
</FRAMESET>

Now, we'll see attributes of FRAMESET element supports;

Attribute	Description
BORDERCOLOR	It sets the color to the border. Ex:- <FRAMESET COLS="30%,*" BORDERCOLOR="#00FFBB"> <FRAME SRC="leftFrame.htm" NAME="left"> <FRAME SRC="rightFrame.htm" NAME="right"> </FRAMESET>
BORDER	It specifies the border to the frame. Ex:- <FRAMESET COLS="30%,*" BORDERCOLOR="#00FFBB" BORDER=3> <FRAME SRC="leftFrame.htm" NAME="left"> <FRAME SRC="rightFrame.htm" NAME="right"> </FRAMESET>
ROWS & COLS	It specifies both (in terms of number and dimensions) rows and columns. Ex:- <FRAMESET COLS="30%,*" BORDERCOLOR="#00FFBB"> <FRAME SRC="leftFrame.htm" NAME="left"> <FRAME SRC="rightFrame.htm" NAME="right"> </FRAMESET> Note: If '*' was applied, either ROWS or COLS will take rest of the percentage.
FRAMESPACING	It specifies the space between frames within the browser window. Ex:- <FRAMESET COLS="30%,*" BORDERCOLOR="#00FFBB" FRAMESPACING=10> <FRAME SRC="leftFrame.htm" NAME="left"> <FRAME SRC="rightFrame.htm" NAME="right"> </FRAMESET>

FRAME defines frame within a frameset. Now, we'll see attributes of FRAME element supports;

Attribute	Description
BORDERCOLOR	It specifies the color for the border which uses hexadecimal value. Ex:- <FRAME SRC="test.htm" BORDERCOLOR="#FF00CC">
BORDER	It specifies the thickness of the border. Ex:- <FRAME SRC="test.htm" BORDER="2">
FRAMEBORDER	It indicates whether the frame's border is visible or not. The value 1 indicates that the border is visible and a value 0 (Zero) indicates that it is not visible. Ex:- <FRAME SRC="test.htm" FRAMEBORDER="0">
MARGINHEIGHT & MARGINWIDTH	It specifies both vertical and horizantal dimensions from top to and botton, and from left to right. Ex:- <FRAME SRC="test.htm" MARGINHEIGHT=10>
NAME	With this, we can assign a name to the frame.
NORESIZE	With this, frames dimensions never change
SCROLLING	It indicates whether a scrollbar is present with-in a frame when text dimensions exceed the dimensions of the frame. Ex:- <FRAME SRC="test.htm" SCROLLING=NO>
SRC	It specifies the absolute and relative path of the document to be loaded. Ex:- <FRAME SRC="test.htm">

                                                                                                                                                                            Top

Know about IMG tag

It places an image in a document.

Ex:- <IMG SRC="logo.jpg">

Attribute	Description
ALIGN	It specifies the appearanace of text that is near an inline graphic image. It takes LEFT, RIGHT, TOP, MIDDLE and BOTTOM. Ex:- <IMG SRC="logo.jpg" ALIGN=RIGHT>
BORDER	It specifies the border to the image. Default is 0 (Zero). Ex:- <IMG SRC="logo.jpg" BORDER="1">
ALT	It gives textual description to an image. Ex:- <IMG SRC="logo.jpg" BORDER="1" ALT="Logo goes here">
CONTROLS	If the image is a vedio file, then it indicates the playback controls that appear below the image. Ex:- <IMG DYNSRC="logo.avi" BORDER="1" CONTROLS>
DYNSRC	It specifies absolute and relative path of a dynamic image such as VRML, Video file and etc., Ex:- <IMG DYNSRC="logo.avi" BORDER="1">
ISMAP	It indicates that the graphic image functions as a clickable imagemap. The ISMAP=<attribute> instructs the browser to send the pixel co-ordinates to the server imagemap CGI application when a visitor selects the image with the mouse pointer. Ex:- <a href="/cgi-bin/imagemap/fmap"> <img ISMAP src="logo.gif"></a>
LOOP	It indcates the number of times that the video file should play. Ex:- <IMG DYNSRC="logo.avi" LOOP=INFINITE>
NAME	It specifies a name by which scripts, applets, bookmarks and etc., can be reference the image. Ex:- <IMG src="logo.gif" NAME="myimg">
USEMAP	It specifies the location of the client-side imagemap. Ex:- <IMG ISMAP SRC="logo.gif" USEMAP="mymap.htm#mym123">
VRML	It specifies the absolute and relative path of a VRML. <IMG VRML="loc1/myvrml.vrml">
Other attributes of IMG tag are WIDTH, HEIGHT, HSPACE, VSPACE, STYLE, TITLE, ID, LOWSRC and START. Note: START specifies the event that triggers the playback of a dynamic image. ex:-<IMG DYNSRC="myLogo.vrm" START=MOUSEOVER>

                                                                                                                                                                           Top

"Fundamentals are the Route to the Destination" - BHMK

Go Home