28 February 2011

How to Change Font Size in HTML

How to Change Font Size in HTML

  1. Know how to construct the font tag using HTML basic code.  The HTML font tag (with the size attribute) is constructed like this:
    The text you want to change size goes here.
    You must insert the size you want in the area that holds the # sign.  You can insert a number 1 through 7.  Watch what happens when I use this tag.
    This text is larger than the default
    It creates this effect by converting through the HTML code:
    This text is larger than the default
    In this case, size 1 is the smallest and size 7 is the largest. 

  2. Decide how you want to use your font sizing for your web page.  Changes in font size can be used in many different ways.  To create headers, you do not need to use the HTML fonts tag (in Step 1) at all.  You can simply use the header tag, which looks like this: .  The # sign should be replaced by a number, 1-6.  When using this tag, one is the largest and six is the smallest.  This tag not only changes the size of your font, but also creates a space above the header and between the header and the text following. 
    Another simple way to change font size is to use the tag.  This tag will alter the size of your text, and you can add as many as you'd like (up to about five) and the effect will continue to grow stronger.  Consider the line directly below, for example:
    This text is big!
    It will create this effect:
    This text is big!

    Now check out what is written here:
    This text is big!
    This is what it will create:
    This text is big!

    There are many other ways to utilize font size when you learn HTML; however, and these will mostly include the HTML tags.  If you want to emphasize text precisely without creating line breaks, or wish to create an ornate effect like the one directly below, then you will use the font tag.
    Once upon a time. . .
    The code for the "ornate" effect above is:  Once upon a time. . .

Technorati Digg This Stumble Stumble Facebook Twitter

Get Our Quick Updates!

Follow us!


About The Author

Hi! I am the man behind this blog, a professional Blogger, Web Designer, SEO Consultant, Computer Engineer and an addicted Web Developer.

eXTReMe Tracker

Support Us

If our of different IT related Tips & Uploads has providing help to you, and you like these then please spread our word using this badge below and attach this on your blog / website:-

| My Technology Updates © 2009-2012 All Rights Reserved | Contact us | Sitemap | Back To Top |