|
Here's a collection of basic html tags
for reference for you. This information has been obtained
from :
HTML BASICS
<BR> Used to insert line breaks.
CLEAR="LEFT", "RIGHT", or "ALL"
Allows you to skip down past floating images at the left or right margins
<NOBR> Place these tags at the beginning and end of a passage to force it to
not break.
</NOBR>
<B>
Bold text. </B>
<I> Italicized text. (Include an extra space afterwards, to compensate
for word bending)</I>
<U> Underlined text.</U>
<STRIKE> Strikethrough text.</STRIKE>
<TT>Monospaced "typewriter" text.</TT>
<PRE>
Preserves the spacing of a block of text. (Try to stay away from
using tags within this format)
</PRE>
<P> Encloses any sort of paragraph.
</P>
<HR
SIZE="x">
Creates a horizontal rule x pixels thick.
<HR WIDTH="x%">
Creates a horizontal rule across x percent of the screen.
<HR NOSHADE> Turns the shading off, to form a solid gray horizontal line.
Alters the size of letters, used mostly in headers. (x=1 through 6;
smaller numbers are larger)
ALIGN="RIGHT" or "CENTER"
Use this within a formatting tag, to align the
tag respectively with the command.
<DIV ALIGN="RIGHT" or "CENTER">
Realign only certain
lines, rather than the entire paragraph. (Always include a before and after this tag to separate)
<CENTER>Older, and more widely accepted, centering method.
</CENTER>
LISTS
<LI>
</LI>
LINKS
<A HREF="URL
GOES HERE"> Text that links to the URL is placed in between these two tags.
</a>
Note: The part of the address that is the same as the current location can
be omitted. A ".." before the partial path indicates that you must
go up one level before the address is valid.
TARGET
Specifies a named frame to display the document in
<A name="anchor"> Anchor text or image. </A>
<A HREF="#anchol.html">Used to quickly reference an anchor from the source page.
</A>
<A HREF="mailto:address">
Option
Allows a default mail program to come up, with the "address" in the
"to:" field.
</A>
IMAGES
<IMG
SRC="URL" ALT="ALTERNATE TEXT"> Include an image from the given URL, on the page. The alternate text
is for those who cannot, or chose not to, view images.
WIDTH="x" HEIGHT="x"
Use these within the <IMG> statement to specify the width and height
in pixels.
LOWSRC="URL"
This is a low-resolution file that is loaded temporarily, before the
full version can load. (Include within the <IMG> statement)
ALIGN="LEFT"(default) or "RIGHT"
Use every time to insure that all browsers will wrap text around the
appropriate side of the image. (Include within the <IMG> tag) (Use
<CENTER></CENTER> for that alignment)
<BR
CLEAR="ALL"> or "LEFT" or "RIGHT" Moves items that follow to below an image or to the next clear margin,
respectively.
ALIGN="TOP" or "MIDDLE" or "BOTTOM"
Vertically aligns object with the line or image preceding it.
(Include in the <ImG> tag)
VSPACE="x" HSPACE="x"
Puts an x number of pixel space above and below and/or left and right
of the image. (Include in the <img> tag)
<A HREF="URL1"><IMG
SRC="IMG1">
This provides a way for an image to serve as a link.
</A>
BORDER="x"
Provides a border around an image x pixels thick. (Include in the <IMG>
tag)
Summary: <IMG SRC WIDTH HEIGHT ALT ALIGN="h" ALIGN="v" HSPACE VSPACE LOWSRC BORDER>
DOCUMENT
COLORS
BGCOLOR="#AAAAAA"
Used to specify the background color of a document.
BACKGROUND="graphic_url"
Used to specify a tiled wallpaper for the background. (Include within
the <p> tag)
TEXT="#AAAAAA"
Used to specify the default text color. (Include within the <p> tag)
LINK="#AAAAAA" ALINK="#AAAAAA" VLINK="#AAAAAA"
Used to specify the color of a link that is unvisited, active, and
visited. (Include in the <p>tag)
FONTS
<FONT>
This tag is the controller for different options that affect font
attributes. (Include the following statements in the <FONT>tag)
</FONT>
SIZE="x"
Specifies the size of the font. (1-7; small to large)
SIZE="+/-x"
Specifies the relative font size. (SIZE doesn't cause an automatic
line break, like headers)
COLOR="#AAAAAA"
Specifies the text color.
FACE="fontname"
Specifies the font to use.
FACE="fontname1,fontname2,...."
Tries several fonts, before returning to the default.
Note: When adding additional font attributes, such as <B> , nest them within
the<FONT> tag.
<BASEFONT SIZE="x">Can be used once in the document. (Placed immediately after the
<p>tag)
<SPAN>Used in cascading style sheets, this is a delimiter for user-defined
character styles</SPAN>
TABLES
<TABLE BORDER>
<TR>
<TD>text</TD>
<TD>text</TD>
</TR>
<TR>
<TD>text</TD>
<TD>text</TD>
</TR>
</TABLE>
makes this:
</TABLE>
These tags are used to enclose the entire table. </TABLE>
BORDER
This attribute is used to show the border of the table.
<TR> Enclose each row within a table </TR>
<TD>
Encloses each cell within a given row.
</TD>
ROWSPAN="x" Spans the cell x number of rows within the table.
COLSPAN="x" Spans the cell x number of columns within
the table.
BORDER="x" Specifies the thickness of the table border,
in x pixels.
CELLPADDING="x" Specifies the amount of space
around the text of a cell, in x pixels.
CELLSPACING="x" Specifies the thickness of
the borders of the cells, in x pixels. Note: CELLSPACING overrides the BORDER settings.
ALIGN="LEFT"(default) or "CENTER" or
"RIGHT" Sets the horizontal alignment of
cells. (The scope depends on what tag you include them
in)
VALIGN="TOP" or "MIDDLE"(default)
or "BOTTOM" Sets the vertical alignment of
cells. (The scope depends on what tag you include them
in) Note: Including these tags in a more defined region
overrides the settings in a broader region.
BGCOLOR="#AAAAAA"
Sets the background colors for cells. (The same scope
rules apply as for alignment) WIDTH="x" or
"x%" Sets the width of a table or cell, in x
pixels or x% of the screen or table. Note: Tables can
be nested but it is highly unadvisable. Also, text
formatting must be performed on the individual cells
of the table.
ROWS="50, 10%, *, 2*"
Specify the height of the rows in pixels, percentage, whatever's left, or
whatever's left (weighted), respectively COLS="50, 10%, *, 2*" Specify
the width of the columns in pixels, percentage, whatever's left, or whatever's
left (weighted), respectively FRAMEBORDER="0" or "1" Sets
whether or not there is a border between the different frame cells
FRAMESPACING (Internet
Explorer) This specifies the thickness of the border between the cells (applies
to the outermost FRAMESET only)
onFocus, onBlur These
attributes designate JavaScript code to be executed when the frame gains/loses
the input focus onLoad, onUnload Specifies JavaScript code to be executed when
the frameset is loaded and unloaded
SRC="" Used to
specify the URL of the document to be placed in the current cell
NAME Gives a name to the
current cell
MARGINWIDTH This attribute
specifies the left and right cell margins
MARGINHEIGHT Specifies the top
and bottom cell margins
SCROLLING="AUTO"
(Netscape default), "YES" (Internet Explorer default), or
"NO" The first two options create scroll bars for the frame only if
the document is too large for one frame screen, and "NO" eliminates
the bars in all cases
NORESIZE This attribute
disables the user from resizing the frame cells by dragging the borders
TARGET="_blank",
"_top", "_parent", or "_self"
"_blank" causes the linked document to open in a new window
"_top" puts the linked document to take up the whole browser
window
"_parent" causes the linked document to be placed in the cell occupied
by the immediate FRAMESET parent of the document
(same as "_top" if there are no nested FRAMESET tags)
"_self" causes the linked document to go in the current cell
|