- Worldstart's Tech Tips And Computer Help - http://www.worldstart.com -

Font, Color and Highlighting Html Tips

Posted By On April 28, 2010 @ 11:10 AM In Web Design | No Comments


It’s useful to know how some simple HTML codes can change text styles (like the ones controlling fonts and their visual features) as they are added to the web pages.

Let’s begin our discussion with a simple HTML script which would create a text paragraph.

Assume you are going to make a new web page containing a short text line using the Times New Roman font.

This code can be used: <p><font face=”Times New Roman” size=”6”>Hello and welcome to my web page.</font></p>

After adding this code to your page and saving the work, the completed page viewed on browsers will look like this.

image

The higher the number selected in the size box, the larger the font will been seen. Now, one great idea would be changing the font type to Arial and at the same time replacing the default black word color with red to add some pizazz. Please use the following code sample for this purpose: <p><font face=”Arial” size=”6” color=”#FF0000”>Hello and welcome to my web page.</font></p> and the finished work would generate this view.

image

As you can see, in the HTML world, colors are represented by some digits and letters, and by searching the net you can also find hundreds of standard color codes to use while writing. The next step is to play with the highlighting option because using this trick will allow you to highlight any parts of your written phrases within seconds. Via the following code, the sentence written would get covered using the yellow color: <p><font face=”Arial” size=”6” color=”#FF0000”><span style=”background-color: #FFFF00”>Hello and welcome to my web page.</span></font></p>. The visual representation would be as follows.

image

In addition to the fonts like Times New Roman and Arial, there are other standard and web compatible writing systems to use while building. A popular and compatible choice is the Verdana font. Let’s use it as the default font and then choose the Italics and Underlining text effects to decorate the text line in a cool style. Please check out the following code sample: <p><i><u><font face=”Verdana” size=”6”>Hello and welcome to my web page.</font></u></i></p> And that would look like this:

image

~Hamid Reza

Article printed from Worldstart's Tech Tips And Computer Help: http://www.worldstart.com

URL to article: http://www.worldstart.com/font-color-and-highlighting-html-tips/