How to style fonts of a text in a simple page?

[c0de]

In this tutorial I'll tell you how to style font of a text...

A text can be styled in many forms!

There were many ways to style a text like with bolding text, underlining it, changing the color, size, font style, header, etc.

To change the texts from we can use some simple codes like:

<b>A bold text</b>
<i>An italic text</i>
<u>Underlined text</u>
<strong>Strong wroted text</strong>
<em>An emphased text</em>
<big>Some big wroted texts</big>
<small>Some small wroted texts</small>

These are some of text styles...

Let's try them into the browser to see how these work!

Here is an image:



Let's try font styles..

We can change the font style to change the font style we must write this code:

<font face="The style of font">The Text</font>

At the (="The style of font") we have to write the style what we want to use!

Remember: Do not use many types of new fonts because many of computers cannot read them!
Use just main font styles like:"Verdana, News Times, Tahoma, Arial, etc.." use these because all the computers handle these fonts!

An example:

<font face="Verdana">Our text</font>

This example tells what our text is wroted in Verdana font style!
Don't forget to add this at start and end of the text, numbers, etc... ("Text")!

Out of style we can change the color of the text:

<font color="The color what we want">The colored Text</font>

At the ("The color what we want") write the name of color what do you want for example: red, black, blue, etc.

An example:

]<font color="red">The colored Text</font>

Now at our browsers this text will be colored to red!

These were some examples of styling text at <font ...="-">Text</text>

We can use many things like one other of them is SIZE:

<font size="size of font">Text</font>

At the ("size of font") we write the size of the font currently use 1-7 last!

Than we know the font styles, font coloring and some font types and size of the fonts...

These are some types of changing text styles and fonts at next we will se the headers how work!

This tutorial belongs to me!

-Regards, c0de!

[v0id]

Nice little tutorial you've made, though there's some incorrect information.

Remember: Do not use many types of new fonts because many of browsers cannot read them!
Use just main font styles like:"Verdana, News Times, Tahoma, Arial, etc.." use these because all the browsers handle these fonts!

That's wrong.
First, it's not the browser that is unable to read the fonts - it's your computer. Your browser is only able to use the fonts installed on your machine.
Second, even if you're using so-called "main font styles" you can not be sure that they will work for all users. The fonts you showed there was primarily fonts installed as default in Windows. But what about all the Linux-, Mac- and so on-users? You can define different font, using the comma-operator.

<font style="Verdana">Our text</font>

That's wrong.
The style attribute is used for defining multiple styles, and not like you're doing right there. Normally you would use the face-attribute, for the fonts.

<font face="Verdana">Our text</font>

And if you really want to use the style-attribute;

<font style="face: Verdana;">Our text</font>

[c0de]

Opss, my mistake thank you.

I've edited the post!

[KevinADC]

Nice little tutorial you've made, though there's some incorrect information.

His other "tutorials" are no better. Deprecated html code punctuated with errors. These tutorials should be removed or edited for the benefit of the readers, if any.