Home > HTML Help > On the Face of It 5/13/2008

On The Face of It

Text Formatting

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> BLINKING </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"> behavior of text</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.






 



Copyright 1998-2005 © Web-Helper.net, All Rights Reserved  Privacy Policy