A Tutorial on Text

Ever seen text that is underlined or bold or italic or different colours? well I will show you how to acheive that in this little section.

Color Examples
Color Examples

To get the different types of text, you need to use our good friend tags again. So, how about I just show you the tags heh? Better than reading a bunch of stuff you wont understand :P

Bold text: and

Underlined text: and

Italic text: and

And you could combine these to get this: Bold, Underlined and Italic. To get that, you would put:

<b><u><i> and </i></u></b>

Easy heh? Lets move on.

To get your text to be different colours you would need to do this:

<font color="red"> and </font>

you can change the "red" to whatever colour you choose. Notice how in the tag, colour is spelt the American way? Thats because all of this coding stuff began there. If you use my Australian spelling, the tag wont work. Lets go onto the next thing...

You can change the size of text like this by using this tag:

<font size="4"> and </font>

the value 3 in the font size tag can be anything from 1 to 7, as thats how bg and small it can get. This tag can be combined with the colour tag to form big and colourful text. You just have to do this:

<font size="3" color="red"> then </font>

You can also add the bold, italic and underline tags to it like i showed you.

Onto the last part...

You can change the font of the text in a very similar way to the colour and size tags. All you need to do is put this:

<font face="verdana"> and </font>

or something like that.

The font can be basically anything, courier, comic sans, whatever. You can also specify multiple fonts, in case one font doesn't work for someone. That way, you can be guaranteed a font change. And to do that we do this:

<font face="verdana, courier, comic sans"> then </font>

As with everything else, this can be combined with the other tags and you can get very weird results. Experiment! You never know, you might have fun with it ;)


Close    To Top
  • Prev Article-Web Design:
  • Next Article-Web Design:
  • Now: Tutorial for Web and Software Design > Web Design > HTMLCSS > Web Design Content
    Photoshop Tutorial
     

    Special Effect

      3D Effect
      Photoshop Articles
    Programming Tutorial
     

    C/C++ Tutorial

      Visual Basic
      C# Tutorial
    Database Tutorial
     

    MySQL Tutorial

      MS SQL Tutorial
      Oracle Tutorial
    Geek Tutorial
     

    Blogging Tutorial

      RSS Tutorial
      Podcasting Tutorial
    Graphic Design Tutorial
      Coreldraw Tutorial
      Illustrator Tutorial
      3D Tutorials
    Webmaster Articles
     

    Domain Service

      Web Hosting
      Site Promotion
    Java Tutorial/ Articles
     

    Java Servlets

      JavaEE Tutorial
     

    JavaBeans Tutorial

    XML Tutorial/ Articles
     

    XML Style

      AJAX Tutorial
      XML Mobile
    Flash Tutorial/ Articles
     

    Flash Video

      Action Script
      Flash Articles
    OS Tutorial/ Articles
      Linux Tutorial
      Symbian Tutorial
      MacOS Tutorial
    Personal Tech
      Hardware Tutorial
      Software Tutorial
      Online Auction