How To Assign Colors To Webpages Using Html Coding
Making your own web page using html is easy to do. You can always use templates but that would give you just a cookie-cutter looking site. Seeing the same type of site over and over again can become very boring. So take the time to learn some of the basics of html coding. Once you know these basics you can design your own unique site. For this part we will look at assigning colors to different parts of your website using html coding.
To work with these codes you will need a text editor. I recommend that you use Notepad. You will then type in your html codes the way that they go.
The examples and codes done in this html lesson have spaces put into them so that the code will show up. When doing this for your web page remember to make sure there are no spaces in the html command you are working with. The codes should read like one long word.
Keep in mind that the codes have to be different from one another so that they can be easily deciphered through the naked eye and the text editor has to be of top notch quality and not any typical web design Sydney format.
Let us first look at background colors. Websites come in a variety of different background colors. If you are really new to html coding then you probably wondered how did they do that. It is really quite simple for you to do. First you must decide what color you want your background to be. I will show you the color codes for some of the basic primary colors.
- White: #FFFFFF
- Black: #000000
- Blue: #0000FF
- Green: #00FF00
- Yellow: #FFFF00
- Red: #FF0000
- Purple: #A020F0
For our example we are going to make a html code making the background color yellow. The code will now look like this:
lt; BODY BGCOLOR=”#FFFF00″ gt;
Now your text must have a color assigned to it also. For this example we are going to use a text color of black. The code will now look like this.
lt; BODY TEXT=”#000000″ gt;
All websites have links in them. Right now we are going to look at how to assign a color to a link. This link is an unvisited or inactivated link. Meaning that it has not been clicked on yet. For this link we will use the color blue. The code will now look like this.
lt; BODY LINK=”#0000FF” gt;
Now we can look at assigning a color to visited or activated links. This is the color the link will show after it has been clicked on. For this example we are going to make the visited link green. The code will now look like this:
lt; BODY VLINK=”#00FF00″ gt;
In this I just gave a look at some of the basic colors and how to assign them. You can assign any color to these areas. Just use the proper color code and bingo you now have it looking the way that you want it to. Also you need to place all these codes between the html tag and the header tag at the top part of the html coding on the page.
