HTML TAGS
<!--...-->
HTML comments - multiline comments, not displayed by the browser
do not include two consecutive dashes (--) inside a comment.
<A>...</A>
Often called anchor tags.
Links can be created using the <A>...</A> tags.
Attributes
·
HREF="..."
where location is the path and filename to the linked file or image
or specifies the email address prefaced with mailto:
·
NAME="..."
each anchor tag can be given a name - this allows you to link directly to
sections where a named anchor occurs. A # (hash) symbol is used before the name
in the HREF attribute when linking.
<B>...</B>
Bold Text
<BIG>...</BIG>
Large Text
<BODY>...</BODY>
This is the second section of an HTML page - defines the body information,
i.e. the content of an HTML
page.
There can only be one BODY tag, it must follow the HEAD tags.
·
BGCOLOR="..." - sets the background colour using either the colour name or the hex number
·
BACKGROUND="..." - specifies the URL of the background image to be tiled
·
TEXT="..." - sets the text colour using either the colour name or the hex number
·
LINK="..." - sets the link colour using either the colour name or the hex number
·
VLINK="..." - sets the visited link colour using either the colour name or the hex number
·
ALINK="..." - sets the active link colour using either the colour name or the hex number
·
ONLOAD="..." - triggered event when document loads
·
ONUNLOAD="..." - triggered event when document unloads
HTML
tags (alphabetical)
http://www.cee.hw.ac.uk/~ceehsa1/web_design/html_ref-forpdf.html
(4 of 12) [31/05/2001 10:47:49]
<BR>
Forces a line break.This tag is one sided - it does not act on anything.
CLEAR="..." - NONE, LEFT, RIGHT or ALL, sets the location of the start of the next
line
<CAPTION>...</CAPTION>
Table caption
Attributes
ALIGN="..." - TOP, BOTTOM, LEFT, CENTER or RIGHT
<CENTER>...</CENTER>
Will centre (horizontally) information inside the tags - this tag has been
deprecated.
<DD>...</DD>
Definition term for glossary or definition lists, <DL>...</DL>
<DIR>...</DIR>
Surrounds directory lists, uses <LI>...</LI>
<DL>...</DL>
Glossary, or definition, list tags, uses definition term tags, <DT>...</DT>, and definition tags, <DD>...</DD>
<DT>...</DT>
Definition list term for glossary or definition lists, <DL>...</DL>
<EM>...</EM>
Emphasised text (often the same as italic)
<FONT>...</FONT>
Allows specification of the font size, color and style (face)
FACE="..." - sets the font type, i.e. Arial, Times New
Roman, Comic Sans, etc.
SIZE="..." - sets the font size. Use 1 to 7, or relative
sizes, i.e. -1, +0, +1, etc.
COLOR="..." - sets the font colour using either the colour name or the hex number
<FRAME>...</FRAME>
Defines a frame
<H3>...</H3> to <H6>...</H6>
There are 6 header tags, <H3>...</H3>
to <H6>...</H6> , <H3>...</H3> being the largest.
ALIGN="..." - LEFT, CENTER, RIGHT or JUSTIFY
H1 header
H2 header
H3 header
H4 header
H5 header
H6 header
<HEAD>...</HEAD>
This is the first section of an HTML page.
The document header resides within these tags - defines the header
information, such as the <TITLE> in an HTML page.There can only be one HEAD tag and
it must follow the HTML tag and preceed the BODY tag.
PROFILE="..." - URL for the lcation of META data
<HTML>...</HTML>
These tags surround the entire document and define the page as an HTML
page.
VERSION="..." - URL of document containing type definition
of the version used to create the HTML document
<HR>
Horizontal Rule - inserts a horizontal line across the screen placing
everything before it above the line,and everything after in below the line.
Usually there will be some blank space inserted above and below it
automatically by the browser.
This is a one sided tag - it doesn't act on anything.
ALIGN="..." - LEFT, CENTER, RIGHT or JUSTIFY
NOSHADE="..." - rule is a solid color, not shaded
SIZE="..." - the size (height) of the horizontal rule
WIDTH="..." - the width of the horizontal rule
<I>...</I>
Italic Text
<IMG>...</IMG>
Images can be included using the <IMG> tag.
SRC="..." – required specifies the location/source, or
URL, of the image
HEIGHT="..."where the image height can be specified in
pixels (e.g. 100)
WIDTH="..."where the image width can be specified in
pixels (e.g. 100)
ALT="..."used to display some alternative text to the
image. A good idea as often people have images switched off to speed up downloading
time. Also important for partially sighted users with text readers.
ALIGN=...specifies the alignment, TOP , MIDDLE , BOTTOM , LEFT , RIGHT , TEXTTOP ,ABSMIDDLE , BASELINE or ABSBOTTOM
VSPACE="..."specifies the number of pixels of vertical
space left around an image
HSPACE="..."specifies the number of pixels of horizontal
space left around an image
BORDER="..."specifies the number of pixels width for the
border around the image. Default is no border, except of
images which are links. Use BORDER="0"
to remove borders
NAME="..."assigns a name to the image, mainly for use
with JavaScript for mouse overs.
LOWSRC="..."allows an initial, usually lower resolution,
image to be displayed. Final image is downloaded after
page layout and other LOWSRC images have been loaded.
<LI>...</LI>
List item tags for ordered, <OL>...</OL>, and unordered, <UL>...</UL> lists
<MENU>...</MENU>
Definition term for menu (short paragraph) lists, uses <LI>...</LI>
<NOFRAMES>...</NOFRAMES>
Alternative for browsers where frames are not supported
<OL>...</OL>
Ordered list tags, uses list item tags <LI>...</LI>
Attributes
TYPE="..." - sets number style, 1 (1,2,3,...),
a (a,b,c,...),
A (A,B,C,...), i (i,ii,iii,...) or I(I,II,III,...) Default type is 1.
START="..." - sets start number of list Default start number is 1.
<P>...</P>
Paragraph tags,Text within the paragraph tags will begin on a new line, and
the paragraph will be separated by a blank line before and after the paragraph.
In most browers it will work without an end tag, but to be on the safe
side, always enclose your paragraph in a beginning and an end paragraph tag.
Attributes
ALIGN="..." - LEFT, CENTER, RIGHT and JUSTIFY
<S>...</S>
Strikethrough Text
<SMALL>...</SMALL>
Small Text
<STRIKE>...</STRIKE>
Strikethrough Text
<STRONG>...</STRONG>
Strong emphasised text (often the same as bold)
<SUB>...</SUB>
Subscript Text
<SUP>...</SUP>
Superscript Text
<TABLE>...</TABLE>
Tables can be created using the <TABLE>...</TABLE> tags.
Table headers, <TH>...</TH>
, rows, <TR>...</TR> , and cells (cell
data), <TD>...</TD> ,can be created.
Attributes
BORDER="..."
defines the pixel width of the border surrounding the table. BORDER="0" turns off the border and is the default setting.
WIDTH="..."
specifies the width of the table in pixels (i.e. 50), or percentage of the
browser window (i.e. 100%) (if within a cell already this will be percentage of
cell size).
CELLSPACING="..." specifies the amount of the space between
cells
CELLPADDING="..." specifies the amount of the space between
cell edges and the cell contents
BGCOLOR="..."sets the background colour using either the colour name or the hex number
<TD>...</TD>
Table data tags - surrounds an entire cell within a row within a table.
Attributes
ALIGN="..." - horizontal alignment of cell contents in
the row, can be LEFT, CENTER or RIGHT
VALIGN="..." - vertical alignment of cell contents in the
row, can be TOP, MIDDLE, BOTTOM or RIGHT
BGCOLOR="..." - sets the background colour using either the
colour name or the hex number
WIDTH="..." - specifies the width in pixels (i.e. 50), or
percentage of the browser window (i.e.100%)
ROWSPAN="..." - number of rows cell is to span
COLSPAN="..." - number of columns cell is to span
<TH>...</TH>
Table header cells - surrounds an entire cell within a row within a table.
Attributes
ALIGN="..." - horizontal alignment of cell contents in
the row, can be LEFT, CENTER or RIGHT
VALIGN="..." - vertical alignment of cell contents in the
row, can be TOP, MIDDLE, BOTTOM or RIGHT
BGCOLOR="..." - sets the background colour using either the
colour name or the hex number
WIDTH="..." - specifies the width in pixels (i.e. 50), or
percentage of the browser window (i.e.100%)
ROWSPAN="..." - number of rows cell is to span
COLSPAN="..." - number of columns cell is to span
<TITLE>...</TITLE>
Defines the title of a page.
This text does not appear in your web page, but appears in the title bar of
the browser and when the page is bookmarked.
The TITLE must be defined in the HEAD of the document. Only one TITLE can be used in each page.
<TR>...</TR>
Table row tags - surrounds an entire row within a table.
Attributes
ALIGN="..." - horizontal alignment of cell contents in
the row, can be LEFT, CENTER or RIGHT
VALIGN="..." - vertical alignment of cell contents in the
row, can be TOP, MIDDLE, BOTTOM or RIGHT
BGCOLOR="..." - sets the background colour using either the
colour name or the hex number
WIDTH="..." - specifies the width in pixels (i.e. 50), or
percentage of the browser window (i.e.100%)
<TT>...</TT>
Typewriter or true type font
<U>...</U>
Underlined Text
<UL>...</UL>
Unordered list tags, uses list item tags <LI>...</LI>
Attributes
TYPE="..." - sets bullet type, DISC, SQUARE or CIRCLE
No comments:
Post a Comment