Content-based text style Tags
<CITE> TAG </CITE>
Enclosed text is a citation, usually displayed in italics
<EM> TAG </EM>
The enclosed text is displayed with emphasis
<STRONG> TAG </STRONG>
Text is displayed with a stronger emphasis
<KBD> TAG </KBD>
This text is displayed with a keyboard style
<CODE> TAG </CODE>
Enclosed text is displayed in computer code format
<DFN> TAG </DFN>
Enclosed text is displayed as a definition style
<VAR> TAG </VAR>
The enclosed text appears as programming code would delimit variable names
<SAMP> TAG </SAMP>
used to mark sample text
Physical text style Tags (I, TT and B tags)
<TT> TAG </TT>
For text in a typewriter style mono-spaced format
<I> TAG </I>
For text that is italicised
<B> TAG </B>
For bold text
Special characters
Since certain characters like pointy brackets have specific meaning in HTML there
are alternative ways to show such symbols.
These symbols are represented by character entities and begin with an ampersand (&).
The most frequently needed entities are the:
greater than symbol (>) >
less than (<) <
ampersand (&) &
Text formatting Tags (P, BR and DIV tags)
<P>
Begins a new paragraph (leaves a blank line). NOTE-Repeated,
consecutive P tags are generally ignored and treated as one line break.
<BR>
Begins text on a new line. This tag requires no end tag.
<DIV>
This tag also creates a new line.
Headings (H tags)
Heading tags may be in six styles being <H1>, <H2>, <H3>, <H4>
, <H5> and <H6>.
They require the matching end tags </H1> etc.
The heading itself goes in between the tags. There will be some space between a
heading and any text that follows, which makes it stand out.
One can see this effect on this page layout.
Examples of headings
Horizontal rules (HR tags)
<HR>
This tag creates a line across the page and may divide
sections or add variation
to the basic appearance of a web page.
It can also be assigned values to change its appearance. More examples?
Preformatted text (PRE tag)
<PRE> and </PRE>
These tags display the text as it actually looks with
all returns and spaces
in a monospace typeface (like this) which can look dull.
It has use in producing a table or
form that is not affected
by resizing of a browser window.
Hyperlink names (A tags)
These allow links to be made directly to a specific position on the same page or another.
The way to use this is to refer to the place you want the link to lead with the code:
<A NAME="oranges"> oranges </A>
Place this code at the place in the text that is required.
It will not alter the text itself, or how it looks.
The next step is to put a reference to this place (or target) elsewhere.
To do this you use the following code:
<A HREF="#oranges">oranges</A>
If the reference is on another page you use the following format:
<A HREF="http://www.fruit.com/fruit.html#oranges">oranges;</A>
If the reference is on a page in the same directory, as with this site, the reference may be
written simply as:
<A HREF="fruit.html#oranges">oranges;</A>
or
<A HREF="fruit.htm#oranges">oranges;</A>
More hyperlink examples?
Below is an example of this, my basic web introduction page that
explains many of these features with examples:
My quick introduction to web pages
Click here to GO BACK TO MICK'S HOMEPAGE
TAKE ME BACK TO THE LIBRARY
You can reach me by e-mail at:
[email protected]