Home » Articles » WEBSITE DESIGNING

HTML FONT FACE, SIZE AND COLOR

HTML FONT  FACE, SIZE AND COLOR

In this tutorial we shall deal with text size and color, you can set any size of text and color of your own preference according to the type of text you are using such as heading etc.

As we discussed before that html uses tags to make your webpage. HTML tags are closed with “< and >” brackets. Now let’s continue how to change the text size and color.

The name “size” and “color” when are written inside the html tags folowed by equal sign with description about size and color they take effects on the text surrownded by that tag. For example:-

<font face = tahoma color = blue size=32> this is required text </font>

Copy the above text and paste into notepad then run the webpage to see how it works.

Note that the name “font” should be used otherwise nothing will happen.

 

Copy the entire text below in the box and paste into notepad then save and test it to see the result

<html>

 

<body>

 

<font face = tahoma color = blue size=2> this is first line </font><br>

<font face = times new roman color = red size=3> this is second line </font><br>

<font face = elephant color = yellow size=4> this is third line </font><br>

<font face = Trebuchet MS color = pink size=5> this is fourth line </font><br>

<font face = rockwell condensed color = magenta size=6> this is fifth line </font><br>

<font face = arial color = cyan size=32> this is last line </font><br>

 

</body>

 

</html>

 

 

Explanation about the code above:

Font  face changes the face or kind of fonts you use in your webpage, from the above you may see font faces like tahoma, times new roman, elephant, Trebuchet MS, rockwell condensed and arial, there are so many font faces you can make on your website.

Font color is easy, it is just the color of your text such as yellow, red, blue, pink etc.

Font size is the size of your text, the larger the number the larger the text.

the following table can guide you:

FONT ATTRIBUTES THAT CAN BE USED IN HTML

FACE

SIZE

COLOR

Tahoma

Times new Roman

Verdana

Comic Sans Ms

Arial

Trebuchet Ms

Lucida Sans Unicode

Elephant

Rockwell Extra Bold

Rockwell Condensed

Cambria

8

9

10

11

12

14

.

.

.

.

72

Black

Yellow

Red

Green

Blue

Cyan

Magenta

Pink

Orange

Purple

 

Thanks a lot, for comments and questions feel free to write in the box below.

Category: WEBSITE DESIGNING | Added by: Admin (06/Sep/2014)
Views: 537 | Tags: Design, web, website, color, html, font, Host | Rating: 0.0/0
Total comments: 0
Name *:
Email *:
Code *: