Hello everyone, i know it is quite a long time since i posted something on this blog....
Sorry for the long break but i am back and i will like to start off from where i left....
Today i will want us to know some other useful things you can do with tags in
HTML....
The last post i made introduced some tags like the <font> </font> and also the <body> </body>, well if you tried them out you will notice that your text is displayed in your browser using the default color (usually black and white) and the default size...
Wouldn't it be boring if we had only one type of color in the world... the world of HTML is suppose to be colorful (after all its name is Hyper Text
MARKUP Language).... So welcome to the world of colors in HTML which is the focus of this post...
First i will start by discussing the color attribute, this attribute allows you to specify the type of color you wish the browser to display for all the text in between the tags, or the background color of the web page if you use it in the <body> tag.
E.g
let us take the body tag for instance <body> .....content .... </body>
we could modify the above tag combination by adding bgcolor=" your color " to the body opening tag.
i.e. <body bgcolor=" red " > ... content... </body>
The above will change the background of that page to red....you can use other colors.....
hex codes can also be use to specify the color, click here for a list of
HTML color codes.
To use the hex code in a body tag, you have to place a hash symbol before you text in the hex code. This is to " tell " the browser that you are inputting a code and not names ...
E.g <body bgcolor=#thehexcode> ...content...</body>
i.e. <body bgcolor="#FF0000"> ..content..</body> changes the background color to red.
You can also use RGB ( stands for Red Green Blue) color code as well...
i.e. <body bgcolor="rgb(255,0,0)"> ..content.. </body> changes the background color to red.
check out the complete table below showing how to use the various version of using the color attribute...
| Value | Description |
|---|
| color_name | Specifies the background color with a color name (like " red ") |
| hex_number | Specifies the background color with a hex code (like "#ff0000") |
| RGB_number | Specifies the background color with an rgb code (like " rgb(255,0,0) ") |
This is a complete but simple page showing the full usage of the color attribute for the body tag.
<html>
<body bgcolor="#FF0000">
<h1>Hello world!</h1>
<p>
<center>
<font color="red">This is some text!</font>
<a href="http://www.websitesnblogs.blogspot.com">visit here for HTML Tutorials!</a>
</p>
</center>
</body>
</html>
Something you might not be familiar with in the above code is the <p></p> tag which is a paragraph tag, all it does is to place two line spacing in between lines...
I will discuss the color attribute for the <font> </font> tag in the next post and also something interesting you can do with HTML tags. see you in part 5...
