|
| Effect |
Tag |
Usage Tips |
| Bold |
<b> Text </b> |
Using Bold text usually
signifies something of importance when its among text that isn`t bold. |
| Italic |
<i> Text </i> |
Italic text generally implies
emphasis on a word. For example "That man is crazy!" Whole pages in italics tend to look a little cheesy. |
| Underline |
<u> Text </u> |
Underlined text also
implies emphasis on a word. However, it used much less than italic text. |
|
|
<marquee> Text </marquee> |
Using the marquee draws
attention to something fast. Use it sparingly since a page full of scrolling marquees can tend to get annoying. |
|
<blink> </blink> |
The same thing applies
to blinking text that applies to scrolling marquees. Fine in moderation, annoying in excess. Also, the <blink> tag only
works in Netscape. See the link at the bottom of the page to create the blinking effect in Internet Explorer. |
| The
following text effects have a different kind of HTML tag than the ones above. The words you want the effects to apply to have
to be included within a <font> </font>tag. For example, to change to a different font type the tag would look
like this:
<font face = "Times New Roman">.
See the difference in the font? </font>
More than one of these tags can be used at a time. If you
wanted to change the font size and type of some text the tag would look like this:
<font face = "Times New
Roman" size = "4"> This text is BIG! </font> On
to the tags. =) |
| Fonts |
<font face
= "insert font name here"></font>
Some widely used internet fonts are:
Arial, Arial Black, Comic Sans MS, Courier New,
Georgia, Impact, Times New Roman, TrebuchetMS, Verdana |
Keep in mind that not everybody
has the same fonts and if you use a font that somebody doesn`t have, their browser will default to a pre-determined font and
the effect you wanted might be lost. |
| COLORS |
<font color
= "#_ _ _ _ _ _"> </font>
*Font colors are named with hex numbers. Fill
in the #_ _ _ _ _ _ with a number from the color chart which is linked at the bottom. |
Some font colors can be
named simply by stating the color. For example <font face = "purple"> Purple Text </font>. However the color names
can vary widely. Using the hex method is much safer. |
| Size |
<font size =
"#"> </font> Inserting any of the numbers below in place of the # in the tag above will produce that size font. 1234567 |
Bigger font sizes usually
imply importance. Most often sizes 2 and 3 are regular text, 4 and 5 are used for subheaders, and 6 and 7 are used as
headers. |
| Columns |
Columns are a
little more complex than the font tags above as they require the use of tables. Columns are generally tables with no rows.
To create columns, use the following HTML code in the below right box which generates the table in the below left box:
|
<table> <tr> <td>Text
in the first Column</td> <td>Text in the second Column</td> </tr> </table> |
| Text in the first Column |
Text in the second Column | |
| Text Tags |
<pre></pre> Creates preformatted text |
<hl></hl> Creates the largest headline |
<h6></h6> Creates the smallest headline |
<b></b> Creates bold text |
<i></i> Creates italic text |
<tt></tt> Creates teletype, or typewriter-style text |
<cite></cite> Creates a citation, usually italic |
<em></em> Emphasizes a word (with italic or bold) |
<strong></strong> Emphasizes a word (with italic or bold) |
<font size=?></font> Sets size of font, from 1 to 7) |
<font color=?></font> Sets font color, using name or hex
value |
|