[ Previous Section | Home | Index | Test Your HTML | Related links | Next Section ]

Now that you have some text in place or have put down some paragraph tags, it is time to see how you can easily change some things about your text. HTML provides tags that let you italicize text, make it bold, and even underline it for emphasis. This section will deal with all those kinds of tags.



Italicize


<I> ... </I>
<EM> ... </EM>
<CITE> ... </CITE>
<ADDRESS> ... </ADDRESS>

- All of the tags above will italicize you text and make it look fancy and slanted, like this. However, thought all of these tags italicize, they do it for different purposes. The <I> tag can be considered the "main" tag; it will always be used for rendering your text in italics. The <EM> tag italicizes your text, it puts "EMphasis" on your text. The <CITE> tag is used to italicize text that is used as citation, a reference to a published work. The <ADDRESS> tag is mainly used for giving your visitor an address or e-mail at which he or she can contact you. You can use any of these tags to make your text italic, but it is strongly recommended that you use the right tag for the job; it makes it easier on you when you are looking through your document to identify certain parts.


Examples:

<I>Some text italicized with <I>.</I>	Some text italicized with <I>.
<EM>Some text italicized with <EM>.</EM>	Some text italicized with <EM>.
<CITE>Some text italicized with <CITE>.</CITE>	Some text italicized with <CITE>.
<ADDRESS>Some text italicized with <ADDRESS>.</ADDRESS>	Some text italicized with <ADDRESS>.

Bold


<B> ... </B>
<STRONG> ... </STRONG>

- Much like with italics, these tags make the text between them boldface. But unlike the many tags for italics, these two have the same purpose; there is no special use for each of them as in the case of <CITE> or <ADDRESS>. However, it is easier to use the <B> tag for all your bold text because it saves much typing.


Examples:

<B>Some text bolded with <B>.</B>	Some text bolded with <B>.
<STRONG>Some text bolded with <STRONG>.</STRONG>	Some text bolded with <STRONG>.

Big


<BIG> ... </BIG>

- This tag does much the same thing as bold, but it also makes the text a little bit bigger, hence the name.


Example:

<BIG>Some BIG text</BIG>.

Some BIG text.

Underline


<U> ... </U>

- This tag, the only one of its kind, underlines the section of text within. It is yet another way of putting emphasis on your text.


Examples:

<U>Some underlined text.</U>

Some underlined text.

Subscript


<SUB> ... </SUB>

- This tag allows you to subscript some text. Subscripted text is smaller and appears at the bottom of a line.


Examples:

Text with a <SUB>subscript</SUB>.

Text with a subscript.

Superscript


<SUP> ... </SUP>

- This tag superscripts a selection of text. Superscripted text, like subscripted text, is smaller, but instead appears at the top of a line.


Example:

Text with a <SUP>superscript</SUP>.

Text with a superscript.

Code


<CODE> ... </CODE>

- This tag and the ones that follow are special in that they a purpose for which you use them. For example, this tag is one that you would use for showing code, which can be anything from HTML code to program code.


Examples:

<CODE>Some code text</CODE>.

Some code text.

Font


<FONT SIZE=xx COLOR="#rrggbb" FACE="fontname">

- This tag allows you to set characteristics on a selection of text. The SIZE allows you to set the size of the font from 1 (smallest) to 7 (largest) (with 3 as normal...). The COLOR option allows you to set the color of the text within the tag. The FACE option allows you to change the font face of the text. However, your visitor must have the font installed on his or her computer for it to be displayed with the new face.


Examples:

<FONT SIZE=4 COLOR="#ff0000">This text is red.</FONT>	This text is red.
<FONT SIZE=4 COLOR="#00ff00">This text is green.</FONT>	This text is green.

Basefont


<BASEFONT SIZE=xx FACE="fontname">

- This tag allows you set the size and face of all the text that will be displayed on your page. The SIZE option can be anything from 1 to 7 with 1 being the smallest and 7 being the largest. The FACE option is just like <FONT FACE=> in that it allows you to change the default font of your page (if your visitor has that font, of course...).


Example:

<BASEFONT SIZE=4 FACE="Lucida, Exocet, Crillee">

[ Previous Section | Home | Index | Test Your HTML | Related links | Next Section ]