Text Formatting

Computer hieroglyphic Base Font Size (=global font size) <BASEFONT SIZE=value>
BASEFONT allows you to specify a default font size 1-7 (7 is biggest). In the absence of any other overriding <FONT>...</FONT> tag, this is the size that all your text will be displayed in. Default size for most browsers is 3. Usually, you can put this tag at the top of a HTML to make a global font size definition.

The virtue of using BASEFONT is that you'll have less chance to be confused by various font sizes you set so far. Use BASEFONT to make your HTML document consistent. Trust me on this.
Computer hieroglyphic Header <Hn>...</Hn>
Keep in mind that <Hn>...</Hn> tag makes fonts bold, and inserts an automatic blank line without </P> tag. Where {n} is a number between 1-7.

Gentlemen, start your engines

 <H1>Gentlemen, start your engines</H1>

Gentlemen, start your engines

 <H2>Gentlemen, start your engines</H2>

Gentlemen, start your engines

 <H3>Gentlemen, start your engines</H3>

Gentlemen, start your engines

 <H4>Gentlemen, start your engines</H4>
Gentlemen, start your engines
 <H5>Gentlemen, start your engines</H5>
Gentlemen, start your engines
 <H6>Gentlemen, start your engines</H6>
Computer hieroglyphic Font Size <FONT  SIZE="#">...</FONT>
Toto, I don't think we're in Kansas anymore. <FONT SIZE="7">Toto, I don't think we're in Kansas anymore.</FONT>
Toto, I don't think we're in Kansas anymore. <FONT SIZE="6">Toto, I don't think we're in Kansas anymore.</FONT>
Toto, I don't think we're in Kansas anymore. <FONT SIZE="5">Toto, I don't think we're in Kansas anymore.</FONT>
Toto, I don't think we're in Kansas anymore. <FONT SIZE="4">Toto, I don't think we're in Kansas anymore.</FONT>
Toto, I don't think we're in Kansas anymore. <FONT SIZE="3">Toto, I don't think we're in Kansas anymore.</FONT>
Toto, I don't think we're in Kansas anymore. <FONT SIZE="2">Toto, I don't think we're in Kansas anymore.</FONT>
Toto, I don't think we're in Kansas anymore. <FONT SIZE="1">Toto, I don't think we're in Kansas anymore.</FONT>
If you already set <BASEFONT SIZE="value"> in the beginning og a HTML, you can use <BASEFONT SIZE="+/-value"> tag to increase/decrease font size from the base font size. For example, if you set <BASEFONT SIZE="3">, then <BASEFONT SIZE=+3> is equivalent to <BASEFONT SIZE="6">. This is a good way of making yout HTML document font formatting consistent.

Computer hieroglyphic Physical Style
Style tags specify physical characteristics of the text, and are applied consistently with all browsers that support them. <B> and <I> are consistently supported. However support for <U> and <TT> seem to be a little more inconsistent and maybe confusing to browsers since underline text usually means a link.

Only dead fish go with the flow.

Only dead fish go with the flow.

Only dead fish go with the flow.

Only dead fish go with the flow.

<B>Only dead fish go with the flow.</B>

<I>Only dead fish go with the flow.</I>

<U>Only dead fish go with the flow.</U>

<TT>Only dead fish go with the flow.</TT>

Bold

Italic

Underline

Typewriter

Computer hieroglyphic Logical Style

Logical Styles are names for combinations of a physical font and a physical style. The client application (i.e., Netscape, Microsoft IE, etc.) decides exactly which font and style are applied to each logical style, so what you see below may vary when displayed through another browser. If you use the logical styles in a consistent manner, then no matter what the client application does it should look fine.

Bottomline: you may save few keystokes by using Physical Style instead of using Logical Style, but try to stick with Logical Style for formatting.

Have you called your Mom lately?

Have you called your Mom lately?

Have you called your Mom lately?

Have you called your Mom lately?

Have you called your Mom lately?

Have you called your Mom lately?

Have you called your Mom lately?

Have you called your Mom lately?

<EM>Have you called your Mom lately?</EM>

<STRONG>Have you called your Mom lately?</STRONG>

<CODE>Have you called your Mom lately?</CODE>

<SAMP>Have you called your Mom lately?</SAMP>

<KBD>Have you called your Mom lately?</KBD>

<VAR>Have you called your Mom lately?</VAR>

<DFN>Have you called your Mom lately?</DFN>

<CITE>Have you called your Mom lately?</CITE>

Emphasis (sometimes shows as italic)

Strong (sometimes bold)

Program Code (sometimes tt or monospaced font)

Sample (sometimes tt or monospaced font)

Keyboard (sometimes tt or monospaced font)

Variable

Defined

Citation (sometimes italic)

Computer hieroglyphic Superscript, Subscript, and Strike through

I am Overworked

and underpaid

I got crossed!

I am <SUP>Over</SUP>worked

and Under<SUB>paid</SUB>

<STRIKE>I got crossed!</STRIKE>

Superscript

Subscript

Strike through

Computer hieroglyphic Preformatted Text <PRE>...</PRE>

The PRE tag sets off text that is pre-formatted and you want the structure to appear on your page exactly like the original structure. This is often useful for formulas, spreadsheets, ASCII art, or any layout that you want to preserve. The text will appear on the page displayed with a non-proportional font (monospaced), such as Courier.


Temperature    DO 
   (°C)      (mg/L)
-------------------------
  23.3	      5.09
  21.7	      6.21

	Time Interval: 2 hrs.

<PRE><B>
Temperature    DO </B>
   (°C)      (mg/L)
-------------------------
  23.3	      5.09
  21.7	      6.21

	Time Interval: <B>2</B> hrs.
</PRE>
<LISTING>...</LISTING>
Temperature DO (°C) (mg/L) ------------------------- 23.3 5.09 21.7 6.21 Time Interval: 2 hrs. 
<LISTING>
<B>
Temperature    DO </B>
   (°C)      (mg/L)
-------------------------
  23.3	      5.09
  21.7	      6.21

	Time Interval: <B>2</B> hrs.
</LISTING>
The LISTING tag does not work on Microsoft IE 3.0, the lesson here is to test your page out on as many browsers as possible, and to accommodate as many as possible. In this case, the PRE tag may be the answer.
Computer hieroglyphic Blockquote <BLOCKQUOTE>...</BLOCKQUOTE>

The Blockquote tag is intended to set off a block of text (usually with an indented line). On some browsers, the text will have quotes around it.

Her Song:
When I was young, I listened to the radio waiting for my favorite songs....
Her Song: <BLOCKQUOTE> When I was young, I listened to the radio waiting for my favorite songs.... </BLOCKQUOTE>
Computer hieroglyphic Blink <BLINK>...</BLINK>
think it over! <BLINK> think it over! </BLINK>
It may sound contradictory, but the only purpose of introducing this <BLINK> tag is to persuade you not to use it.

The use of Blinking Text is really discouraged. In rare situations it may seem useful, but 99.9% of times, think it over. For example, its presence in FORMS make a selection difficult. Additionaly the FLASHING of various elements is VERY annoying! For good or bad, Microsoft IE does not support the BLINK tag.

 

Send e-mail to randy@computersmiths.com
www.computersmiths.com
Return to   Top of this page | HTML Rosetta Page | caliber