<MAP ...>
<MARQUEE
...>
<MENU>
<META
...>
<MULTICOL>
The different regions of the image are
described using a MAP tag. The map describes each region in the
image and indicates where it links to. The basic format for the
MAP tag is as follows:
<MAP NAME="name">
<AREA [SHAPE="shape"] COORDS="x,y,..."
[HREF="reference"] [NOHREF]>
</MAP>
The MAP definition can reside in the same file as the image that
will use it, or in a completely separate file. This way, all map
definitions can be kept separate from the main documents,
allowing easier maintenance.
The NAME specifies the name of the map so that
it can be referenced by an <IMG> tag. The SHAPE
gives the shape of this area. Currently the shapes
"RECT", "CIRCLE" and " POLY" are
supported (Mosaic only supports the RECT shape), with RECT being
the default shape, if an explicit SHAPE attribute is not
specified. The COORDS attribute gives the co-ordinates of the
shape, using image pixels as the units. For a rectangle
(SHAPE="RECT"), the COORDS are expressed as
"left-x,top-y,right-x,bottom-y". For a circle,
(SHAPE="CIRCLE"), the COORDS are expressed as
"centre-x, centre-y, radius" and for a polygon
(SHAPE="POLY") (an irregular shape), the COORDS are
expressed in pairs of coordinates (i.e.
"x1,y1,x2,y2,x3,y3... ") which defines the pixel
coordinates of the various points of the polygonal image hotspot.
The NOHREF attribute indicates that clicks in
this region should perform no action. An HREF tag specifies where
a click in that area should lead. Note that a relative anchor
specification will be expanded using the URL of the map
description as a base, rather than using the URL of the document
from which the map description is referenced (important if the
map definition is in a file separate to the main document). If a
BASE tag is present in the document containing the map
description, that URL will be used as the base.
An arbitrary number of AREA tags may be specified. If two areas
intersect, the one which appears first in the map definition
takes precedence in the overlapping region. For example, a button
bar in a document might use a 160 pixel by 60 pixel image and
appear like this:
<MAP NAME="buttonbar">
<AREA SHAPE="RECT" COORDS="10,10,49,49"
HREF="about_us.html">
<AREA SHAPE="RECT" COORDS="60,10,99,49"
HREF="products.html">
<AREA SHAPE="RECT" COORDS="110,10,149,49"
HREF="index.html">
<AREA SHAPE="RECT" COORDS="0,0,159,59"
NOHREF>
</MAP>
<IMG SRC="../images/tech/bar.gif"
USEMAP="#buttonbar">
Any region of the image that is not defined by an AREA tag is
assumed to be NOHREF.
The TARGET attribute can be used within the <AREA> tag,
allowing the use of Client side image maps within framed
documents.
The new <MARQUEE> tag (supported only by
Internet Explorer) allows the author to create a scrolling text
marquee (as the name suggests, a scrolling text region much like
the Windows Marquee screen saver). Marquees can be left- or
right-aligned, like images and have a variety of attributes to
control them.
ALIGN
This attribute can be set to either TOP, MIDDLE or BOTTOM and
specifies that the text around the marquee should align with the
top, middle, or bottom of the marquee.
BEHAVIOR
This can be set to SCROLL, SLIDE or ALTERNATE. It specifies how
the text should behave. SCROLL (the default) means start
completely off one side, scroll all the way across and completely
off, then start again. SLIDE means start completely off on side,
scroll in and stop as soon as the text touches the other margin.
ALTERNATE means bounce back and forth within the marquee.
BGCOLOR
This specifies a background colour for the marquee, either as a
rrggbb hex triplet, or as one of the Internet Explorer prenamed
colours.
DIRECTION
This specifies in which direction the text should scroll. The
default is LEFT, which means scrolling to the left from the
right. This attribute can also be set to RIGHT, which would cause
the marquee to scroll from the left to the right.
HEIGHT
This specifies the height of the marquee, either in pixels
(HEIGHT=n) or as a percentage of the screen height (HEIGHT=n%).
WIDTH
This specifies the width of the marquee, either in pixels
(WIDTH=n) or as a percentage of the screen height (WIDTH=n%).
HSPACE
This specifies left and right margins for the outside of the
marquee, in pixels.
LOOP
LOOP specifies how many times a marquee will loop when activated.
If n=-1, or LOOP = INFINITE is specified, the marquee will loop
indefinitely.
SCROLLAMOUNT
Specifies the number of pixels between each successive draw of
the marquee text. That is, the amount for the text to move
between each draw.
SCROLLDELAY
SCROLLDELAY specifies the number of milliseconds between each
successive draw of the marquee text. That is, it controls the
speed at which text draw takes place.
VSPACE
VSPACE specifies the top and bottom margins for the outside of
the marquee, in pixels.
Examples
<MARQUEE>This text will scroll from left to right
slowly</MARQUEE>
<MARQUEE BEHAVIOR=SLIDE>This marquee will scroll in and
"stick."</MARQUEE>
<MARQUEE HEIGHT=50% WIDTH=80%>This marquee, is half the
height of the screen and 80% of the screen width.</MARQUEE>
<MARQUEE SCROLLDELAY=5 SCROLLAMOUNT=50>This is a very fast
marquee.</MARQUEE>
<MARQUEE> can also take the CLASS, ID and STYLE attributes
to allow style sheet definitions to be applied to it. For more
details of these attributes, refer to the Style Sheets
topic.
A menu list is a list of items with typically
one line per item. The menu list style is more compact than the
style of an unordered list.
A menu list must begin with a <MENU> tag which is
immediately followed by a <LI> (list item) tag:
<MENU>
<LI>First item in the list.
<LI>Second item in the list.
<LI>Third item in the list.
</MENU>
<MENU> and <LI> can also take the CLASS, ID and STYLE
attributes to allow style sheet definitions to be applied to
them. For more details of these attributes, refer to the Style Sheets
topic.
The META tag is used within the HEAD tag to embed any useful
information not defined by other HTML tags. Such information can
be extracted by servers/clients for use in identifying, indexing
and cataloguing documents. In addition, HTTP servers can read the
content of the document head to generate response headers
corresponding to any tags defining a value for the attribute
HTTP-EQUIV. This provides document authors a mechanism (not
necessarily the preferred one) for identifying information that
should be included in the response headers for an HTTP request
and forms the basis of the Client Pull mechanism.
Attributes of the META tag :
HTTP-EQUIV
This attribute specifies the HTTP response header that the
information pertains to. If the semantics of the HTTP response
header named by this attribute is known, then the contents can be
processed based on a well-defined syntactic mapping whether or
not the DTD includes anything about it. HTTP header names are not
case sensitive. If not present, the NAME attribute should be used
to identify this meta-information and it should not be used
within an HTTP response header.
NAME
Meta-information name. If the name attribute is not present, then
name can be assumed equal to the value HTTP-EQUIV.
CONTENT
The meta-information content to be associated with the given name
and/or HTTP response header. Typically, the META tag would be
used to introduce Client Pull into HTML documents, or to specify
keywords that may be used by search engines to determine a
documents relevance to the current search (although some are
stopping using this method).
This Netscape specific tag allows text to be
formatted in multiple columns. The <MULTICOL> tag can be
nested, producing multiple column layouts within multiple column
layouts. It takes the following attributes :
COLS
This specifies the number of columns to be used to render the
text. It accepts a numerical values. It is the only required
attribute for the <MULTICOL> element.
GUTTER
If specified this setting (which accepts a pixel value) controls
the amount of white space separating adjacent columns in the
layout.
WIDTH
This specifies the width of the entire layout and can accept a
pixel value, or a percentage value (which will be calculated as a
percentage value of the browser window).