- How To Put Color On Webpages
This Tutorial Will Teach You How To Put Color On Webpages If You Are Interested In Putting Color In Your Website Pages You Can Follow This Easy Guide Teaches You How It Works , Last Updated: Sun Jul 05, 2020
Wed Dec 16, 2009
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 HTMLWebune 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
HTML CODE WITH CSS CODE:
<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:
<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