HTML FRAME TAGS

 

 

Frame tags break up the browser window into multiple regions called frames. Each frame can contain a distinct HTML document. This allows to multiple documents to be displayed at the same time.

 

Frame tags

TAG	FUNCTION
<FRAMESET> (Container tag) Attributes – 2	Divides the browser window into frames.
<FRAME> (Standalone tag) Attributes – 8	Places content into a frame
<NOFRAMES> (Container tag) Attributes – 0	Provides an alternative layout for browsers that cannot process frames
<IFRAME> Container tags) Attributes –	Places a floating frame on a page. (Floating frames – frames that can be placed like images)

 

 

Tag: <FRAMESET>

Attribute	Description and values
ROWS or COLS (but not both at the same time.)	Specifies how many rows or columns the browser window is broken into. Sizes can be in pixels, percentages of screen depth, or relative to the amount of available space

 

Tag: <FRAME>

Attribute	Description and values
FRAMEBORDER	Sets Frameborder. (Values: 0 | 1)
LONGDESC	URL of a resource that contains a more detailed description of the frame's content
MARGINHEIGHT	Specifies the size (in pixels) of the top margin of the frame
MARGINWIDTH	Specifies the size (in pixels) of the left margin of the frame
NAME	Gives the frame a unique name so it can be targeted by other tags (such as <A>, <FORM> and <AREA>).
NORESIZE	Suppresses the user's ability to drag and drop a frame border in a new location
SCROLLING	Controls the presence of scrollbars on the frame (Value: YES | NO)
SRC	Required attribute. Tells the browser the URL of the HTML file to load into the frame

 

Tag: <IFRAME>

Attribute	Description and values
ALIGN	Controls how the floating frame is aligned (Value: TOP | MIDDLE | BOTTOM | LEFT | RIGHT )
FRAMEBORDER	Sets the Frame border (Value: 0 | 1)
HEIGHT	Specifies the height of the floating frame in pixels
LONGDESC	URL of a resource that contains more detail about the contents of the floating frame
MARGINHEIGHT	Specifies the size (in pixels) of the top margin of the floating frame
MARGINWIDTH	Specifies the size (in pixels) of the left margin of the floating frame
NAME	Gives the floating frame a unique name so it can be targeted by other tags (such as <A>, <FORM>, and <AREA>).
SCROLLING	Controls the presence of scrollbars on the floating frame (Value: YES | NO | AUTO)
SRC	REQUIRED ATTRIBUTE. URL of the HTML file to load into the floating frame
WIDTH	Specifies the width of the floating frame in pixels

 

HTML HYPERLINK TAGS

Hyperlink tags

 

Hyperlink tags (also called Anchor tags) are used to link one document to another using hypertext (word or image) and are activated by clicking on a hypertext. Helps to navigate from one document to another. Hypertext links are typically colored and underlined and changes color once clicked to indicate an already visited link. When a pointing device (such as mouse) moves over the hypertext it changes shape. Hyperlinks can be used to navigate to a new document in the same / different window or can be used to navigate to a target location in the same document.

 

Tag	Function
<A> (container tag) (Attributes – 13)	Creates a hyperlink to another webpage or another location within the same webpage

 

Tag: <A>

Attribute	Description and values
ACCESSKEY	a shortcut key a reader can use to activate the hyperlink. Example: access key "C", shortcut key is ‘Alt+C’
CHARSET	Denotes what character encoding to use for the linked document.
DOWNLOAD	Specifies the target will be downloaded when a user clicks on the hyperlink.
HREF	Specifies the URL of the linked web page
HREFLANG	Specifies the language of the linked document (value – language code)
MEDIA	Specifies what media/device the linked document is optimized for
NAME	Name of the anchor being set up
PING	Specifies a space_separated list of URLs to which, when the link is followed, post requests with the body ping will be sent by the browser (in the background). Typically used for tracking
REL	Nature of the forward link
REV	Nature of the reverse link
TABINDEX	Specifies the link's position in the document's tabbing order
TARGET	Specifies where to open / load the linked document (values: _blank | _parent | _self | _top | framename)
TYPE	Specifies the MIME type of the linked document

 

(REL / REV – specifies the relationship of current web page to forward / reverse linked page. Example values – Author | Bookmark | Copyright | External | Help | License | Glossary | Home)

HTML IMAGE AND IMAGE MAP TAGS

 

 

Image tags are used to place / embed an image in a web page. An image–map is an image with clickable (hyperlinked) areas.

 

TAG	FUNCTION
<IMG> (standalone tag) Attributes - 14	Embeds an image in an HTML page.
<MAP> (container tag) Attributes-1	Defines a client–side image–map. The <map> element contains a number of <area> elements, that defines the clickable areas in the image map.
<AREA> (standalone tag) Attributes - 11	The <area> tag defines an area inside an image-map. It is always nested inside a <map> tag.

 

Tag: <IMG>

Attribute	Description and values
ALIGN	Specifies the alignment of an image according to surrounding elements (VALUE: top, bottom, middle, left, right)
ALT	Specifies an alternate text for an image. (VALUE: text)
BORDER	Specifies the width of the border around an image.
CROSSORIGIN	Allow images from third-party sites that allow cross-origin access to be used with canvas
HEIGHT	Specifies the height of an image
WIDTH	Specifies the width of an image
HSPACE	Specifies the whitespace on left and right side of an image
ISMAP	Specifies an image as a server-side image-map
LONGDESC	Specifies a URL to a detailed description of an image
SIZES	Specifies image sizes for different page layouts
SRC	Required attribute. Specifies the URL of an image
SRCSET	Specifies the URL of the image to use in different situations
USEMAP	Specifies an image as a client-side image-map
VSPACE	Specifies the whitespace on top and bottom of an image

 

Tag: <MAP>

Attribute	Description and values
NAME	Required attribute. Specifies the name of an image-map. (VALUE : user specified mapname)

 

Tag: <AREA>

Attribute	Description and values
ALT	Specifies an alternate text for the area. Required if the href attribute is present
DOWNLOAD	Specifies that the target will be downloaded when a user clicks on the hyperlink
COORDS	Specifies the coordinates of the area
HREF	Specifies the hyperlink target for the area
HREFLANG	Specifies the language of the target URL
MEDIA	Specifies what media/device the target URL is optimized for
NOHREF	Specifies that an area has no associated link
REL	Specifies the relationship between the current document and the target URL
SHAPE	Specifies the shape of the area (VALUES: default, rect, circle, poly)
TYPE	Specifies the media type of the target URL
TARGET	Specifies where to open the target URL. (VALUE: _blank, _parent, _self, _top, framename)