| Following you will find many ways to format
the text you place in your HTML document. There are a couple of things to keep in
mind when using these elements and attributes. The rules for text formatting are different for each DTD (Document Type
Definition). The current standard HTML 4.0 deprecates most text formatting elements
in favor of style sheets. However, there are still a lot of browsers out there that
do NOT recognize style sheets. If you decide to use style sheets, you may want to
format your document for those that read style sheets and those that do not.
It is a
lot of work, but well worth it in the end.
Another thing to remember is that "most"
tags/elements are containers. That means they have a start and a stop control.
For instance, the <HTML> tag is a container tag. You start your HTML
document with <HTML>, contain all the text, images, sounds, etc., by adding
</HTML> the very last thing in your document. One tag that is not a container
is the <BR>.
<B>
</B> = Bold
The bold element makes text in between <B> BOLD </B>
<BIG>
</BIG> = BIG
The big element makes text in between <BIG> LARGER
</BIG>
<BLACKFACE>
</BLACKFACE> = Double Weight Bold Face
This element is WebTv specific and renders text double weight bold face.
<BLINK>
</BLINK> = Blinking Text (Netscape Only)
This element is Netscape specific and renders <BLINK>
</BLINK> text.
<BLOCKQUOTE>
</BLOCKQUOTE> = indenting text
This element is used to indent blocks of text.
<BLOCKQUOTE> See Jane run. </BLOCKQUOTE>
<BR>
= line break
This element adds a line break where the cursor is. It comes in handy when
you don't want a paragraph but need to start a new line.
<CENTER>
</CENTER> = centers objects on a page, in a table, etc.
<CENTER> CENTERED TEXT </CENTER>
<CITE>
</CITE> = citation as from a book
This element renders a citation in <CITE> ITALIC </CITE>
<DEL>
</DEL> = indicator of deleted text
This element renders <DEL> DELETED TEXT </DEL> this way.
<DFN>
</DFN> = definition of a term
This elements renders the <DFN> DEFINITION </DFN> as bold or
italic.
<DIV>
</DIV> = block of content
This element specifies a block of content that is considered one unit.
<EM>
</EM> = emphasis
This element places <EM> EMPHASIS </EM> on the contained text.
<FN>
</FN> = footnote
This element is WebTv specific and makes a reference to a footnote or contains the
footnote.
<FONT>
</FONT> = font properties
(NOTE: this element is deprecated in HTML 4.0)
You can specifiy <FONT SIZE="6"> SIZE
</FONT>
You can specify <FONT COLOR="#FF0000"> COLOR
IS RED </FONT>
You can specify <FONT FACE="Comic Sans MS"> COMIC SANS </FONT>
You can specify <FONT FACE="Comic Sans MS"> COMIC SANS </FONT>
<H1>
to <H6> = headings
You use this element to define different headings in your document.
<H1> Heading One
</H1> |
<H2> Heading Two
</H2> |
<H3> Heading Three
</H3> |
<H4> Heading Four
</H4> |
<H5> Heading Five
</H5> |
<H6> Heading Six
</H6> |
<HR>
</HR> = horizontal rule
This element places a horizontal line where the cursor is. You can see
horizontal rules separating each element on this page.
<I>
</I> = italic
This element renders text in <I> ITALICS </I>
<LIMITTEXT> = sets text area width
This is a WebTv specific element and sets the width of an area of text.
<MARQUEE>
</MARQUEE> = scrolling text (IE Only)
This elements controls <MARQUEE BEHAVIOR="ALTERNATE"> </MARQUEE>
<NOBR>
</NOBR> = non breaking lines
This element stops lines of text from wrapping. You can use the <WBR>
element to force breaks within this element. The <WBR> element is not a
container.
<P>
</P> = paragraph
This element specifies a paragraph and puts a blank line before and after the
container. This is a sometimes container. You do not have to use the
</P> although it is good practice to use it.
<PRE>
</PRE> = preformatted text
This element defines a section of prefomatted text that keeps spaces, returns,
tabs, and other formatting intact.
<S>
</S> = strike through
This elements places a <S> line through text </S>
contained within.
<SAMP>
</SAMP> = sample text
I used to use <XMP> </XMP> which is now deprecated in HTML 4.0, however
browsers still do read the <XMP> container. The <SAMP> container does
the same thing and allows you to place HTML code on your page for people to see without
being read as code by the browser.
<SHADOW>
</SHADOW> = shadowed text (WebTv Only)
This element is WebTv specific and renders text with a <SHADOW> SHADOW
</SHADOW>
<SMALL>
</SMALL> = small text
This element renders the enlosed text <SMALL> smaller </SMALL>
than the main document text.
<SPAN>
</SPAN> = spans text
This element <SPAN STYLE="font: 16pt; color: yellow"> has fun with </SPAN> your text.
<STRIKE>
</STRIKE> = line through text
This element is the long version of the <S> tag. It places
<STRIKE> a line through </STRIKE> your text.
<STRONG>
</STRONG> = essentially bold
This element emphasizes contained <STRONG> text.
</STRONG>
<SUB>
</SUB> = subscripted
This element <SUB> subscripts </SUB> enclosed text.
<SUP>
</SUP> = superscripts
This element <SUP> superscripts </SUP> enclosed text.
<TT>
</TT> = teletype
This elements renders <TT> text in a monospaced format. </TT>
<U>
</U> = underline
This element renders <U> contained text </U> with an underline.
<WBR>
= word break (is not a container)
This element allows you to place a word break where needed.
|