HTML – the fun continues

Font Styles

The style elements provide a straightforward way to control the font. These elements fall into two categories: physical styles and logical styles. 

For my purposes I use the down and dirty style of taking what an already-created page has to offer, and then adding my personality using my two main font changers, bold and italic.

 

I am not a webpage artist or master who uses the subtleties of a computer programming language to create a beautiful page.  For me as a business owner, the things that are important are clarity, simplicity, and a little emphasis.  The things I use are below, abridged from the original.  For the complete list, see the actual tutorial: The Pocket HTML Tutorial if you want to take the entire course.

♥♥♥♥♥♥♥♥

Logical Styles

A logical style indicates that the enclosed text has some sort of special meaning. Those I use are limited to these:

• 1) <em> ; Emphasizes text. Usually rendered as italic.

Please visit <em>MaidenShade’s Sale</em> today!

Looks like this: Please visit MaidenShade’s Sale today! 
 

• 2) <strong> ; Strongly emphasizes text. Usually rendered as bold.

Please visit <strong>MaidenShade’s Sale</strong> today!

Looks like this: Please visit MaidenShade’s Sale today!

 

Physical Styles

Physical style elements specify a particular font change. For example, to make text bold, you can mark it off with the element: <b> text </b>. The list of available physical style elements I use are these:  

• 1) <b> Makes text bold. Appropriate for product names, etc.

Today, MaidenShade.com is proud to announce <b>The Goddess Tissue Cozy </b>, the only hand-crafted, cottage style tissue cozy finished inside and out, on the market.

Becomes: Today, MaidenShade.com is proud to announce The Goddess Tissue Cozy, the only hand-crafted, cottage style tissue cozy finished inside and out, on the market.

 

• 2) <i> Makes text italic. Appropriate for ship names, internal monologues and thoughts, …

<i>”I think that too much flair is distracting from the message.”</i>

Becomes, “I think that too much flair is distracting from the message.”

The physical styles are subtly different from the logical styles. The logical style element strong means “something strongly emphasized,” while the physical style element <b >just means, “something that is bold.”

To me, physical or logical, the result is the same, bold and italic.

♥♥♥♥♥♥♥♥

Next will be Colors for text and background – why do you need this stuff?  Well, just in case you don’t have a wysiwyg editor handy.  Oh boy, can’t wait!

Until then, xJ

 

♥♥♥♥♥♥♥♥

“The Pocket HTML Tutorial” Copyright 2009 by Evan Goer

♥♥♥♥♥♥♥♥