Welcome to Webune Web Hosting

Please visit our hosting section and sign up today with Webune Web Hosting!!!

if you are learning HTML, one of the best way features is adding colors to your web pages, you have much flexibility with HMTL and colors.

you can change the background color, the font color, the border color and more

for the purpose of this tutorial, we are going to just some

during web 1.0 it was normal to use HTML to put colors in your html pages, but now the standard is CSS

if you are interested in designing web pages, you should start designing the layout of your page using CSS and HTML to code the design. lets show you how to color a some letters using HTML and CSS and what is the difference:


OLD WAY - the old way, you used the <font> tag

Red Fonts using HTML
Webune Has Excellent Support

<font color="red">Webune Has Excellent Support</font>

NEW WAY - Now you should get used to using CSS instead of using HTML to code your design

Red Fonts using CSS:
Webune Has Excellent Support

<span style="color:red">Webune Has Excellent Support</span>

as you can see, you can achieve the same with CSS.

now that you know about CSS, this is how you should be designing your web pages using CSS

we are going to keep it simple. using the example above with Webune Has Excellent Support phrase we are going to use styles with CSS this is the best way and the prefer way and its the newest way for WEB 2.0. look at this code, this code will do the same as the two previous examples:

<style type="text/css">
.RedLetters {
color: red;
<p><span class="RedLetters">Webune Has Excellent Support</span></p>
<p class="RedLetters">for more tutorials, visit us at <a href="http://www.webune.com">www.webune.com</a></p>

if you want to see the above code in action for youself, just open your favorite text editor. i am using a windows computer to write this guide, so you can use notepad if you are also using windows. so open a blank notepad and copy and paste the above code, then save the file as "htmlcolors.html" - after you have saved the file, open it with your web browser and see how it works.

if you have any more questions, please let us know