Reducing the size of your pages not only decreases load time, but it makes code reading and editing much easier.
HTML (IIS server-side) Includes:
HTML code for the page file
CSS Stylesheet Includes:
Start a new file in your favorite editor, and save it as <name>.css.
Now that you have a stylesheet, you INCLUDE it on your pages, like
this:<LINK HREF="name.css" type="text/css" REL="stylesheet">
Inline frames, also known as IFrames, are created with the <IFRAME> tag,
which is supported by Explorer 3.2 and up, as well as Netscape 4.0 or better.
Inline frames differ from the regular <Frame> tag, as we simply embed them
right into an HTML page. No frameset or index pages are required.
an example of how to use a simple IFRAME:
All we will do place the IFrame into
a page, bearing the source of the actual file. This method is handy if you want
to give people remote files to include on their site, sourcing a file to
So in our example, an HTML page carrying our IFRAME might look
Our page ... text, etc ... and
now, here comes the IFRAME!
IFRAME Tag does carry some specific attributes to help you control the display.
Here is a quick, but limited reference:
ALIGN — Offset to other
elements, much like the Image Tag.
BORDER — The default is 0
HEIGHT / WIDTH — (pixels or %)
VSPACE — As with Images, this attribute specifies a pixel size for
horizontal or vertical margins around the IFRAME (external margin)
MARGINHEIGHT / MARGINWIDTH — Internal margin in
SCROLLING — If set to "AUTO," the browser determines
whether scrollbars are necessary; otherwise, specify either "YES" or "NO"
Ever noticed how some sites sit flush to the top or left of your browser? We
control this with page margins, and they are very simple to use. Margins are
controlled in the <BODY> tag. Note that (as usual) there are differences
in how IE and Netscape handle these tags. Your best bet is to incorporate ALL
tags so that both browsers will show similar results.
Here's how it
<BODY TOPMARGIN="0" LEFTMARGIN="0">
Here's the additional code for Navigator users:
MARGINHEIGHT and MARGINWIDTH,
<BODY MARGINHEIGHT="0" MARGINWIDTH="0">
To combine both
browser elements, simply put them together:
LEFTMARGIN="0" MARGINHEIGHT="0" MARGINWIDTH="0">
By the way ... there
are no BOTTOMMARGIN or RIGHTMARGIN attributes :)