Intro HTML Fonts HTML Backgrounds HTML Lists HTML Layout HTML Tables Graphics FTP

There are many ways that you can make your web page stand out. Some of them involve working with the text to give emphasis. One such way is to increase the size of the font.

This is done with the use of the <font>Stuff to Change </font> tag and the attribute Size.

Fonts can be anywhere in size from 1 through 7. Size 3 is the default size.

Example
<font size=1> This is font size 1 </font>
<font size=2>
This is font size 2 </font>
<font size=3>
This is font size 3 </font>
<font size=4>
This is font size 4 </font>
<font size=5>
This is font size 5 </font>
<font size=6>
This is font size 6 </font>
<font size=7>
This is font size 7 </font>

If you noticed, you don't close the attribute which in this case is SIZE, but just close the tag </font>

There are other ways to make your text stand out as well. An effective one is the use of the <H> Stuff to Size </H> tag.

The <H> tag is used for Headlines and should not be used for regular text. Again there is a number attached to the tag with <H1> being larger than <H6>

<H1> Stuff to have as a Headline </H1>

The <H1> <H2> <H3> <H4> <H5> <H6> tags also put a a blank line below the text you put in them.

This is H1

This is H2

This is H3

This is H4

This is H5
This is H6

Another way you can add emphasis is with the use of Bold and Italics and centering text.

Example

<STRONG>I want this to be bold! </STRONG>

<CENTER>I want to center this text or I could center an image too! </CENTER>

<I>Putting things in italics is pretty darn spiffy! </I>

These elements can be combined to give the desired effect

<B><CENTER> <I>

Don't forget to ALWAYS close your tags

</I></CENTER> </B>

They are closed in REVERSE order from how they are opened

Sometimes you may want to indent blocks of text. This is done with the <blockquote>Stuff to put in blockquotes </blockquote>tag.

The <blockquote> tag indents text until you end with the </blockquote> tag

Horizontal Rule Tricks

You can add ATTRIBUTES to the <HR> tag to give it some pizazz.

<HR SIZE =?>

Changes the default size which is 2 pixels

HR is the TAG and SIZE is the ATTRIBUTE

Example

<HR SIZE=5>



<HR SIZE=10>

<HR WIDTH=?>

Changes the width of the horizontial rule. The default is 100% of the screen size


<HR WIDTH =50%>


The WIDTH tag can be expressed as a percentage or actual pixel size if the WIDTH specified is smaller than the actual width of the screen

Example

<HR WIDTH=500>


ALIGN attribute

Specifies the alignment of the rule line

Example


<HR WIDTH=50% ALIGN=RIGHT>



<HR WIDTH=75% ALIGN=CENTER>



<HR WIDTH=25% ALIGN=LEFT>



<HR NOSHADE>
Draws the rule as a plain black line

Again this can be combined to give an effect

Example








Web Building tutorials: Intro | Fonts | Backgrounds | Lists | Layout | Tables | Graphics | FTP


© 2005 Interactive Mystery Productions Ltd.
A Company Limited by Guarantee
Registered in England & Wales No. 4792272
All Rights Reserved