| If you want to divide your page, a useful command is the horizontal rule <hr>. The default rule goes all the way along the page and looks like this: |
| Wherever you want to add a line to divide a page, simply type <hr>. You can change several things to make it look different, such as it's width, height, and the amount of shading it has. Width can either be measured in pixels (a web page is normally about 600 pixels wide) or by typing the percentage of the screen you want the line to cover. To change the width you simply type <hr width="300"> or <hr width="50%">. Size refers to how large the horizontal rule is. You change it in the same way as you alter the width. If you wanted to make a ten-pixel-wide line, you would type <hr size="10">. By default, horizontal lines have shading. You can create a line without any shading by typing <hr noshade>. You can also combine as many variables as you'd like within the same tag. If you wanted to create a ten-pixel-wide rule that is 300 pixels long and had no shading, you would type <hr noshade width="300" size="10">. It doesn't matter what variables you put in, as long as they are within the < and > tags. Let's talk about changing the color of your font. You can change the clor of your font very easily. For the most frequntly used colors, you can use the name of the color, e.g. red, black, green, blue, gray, and white. HTML uses American English spellings, so if you want to change the color of something, you need to type "color". If you want to make a word or sentence red, you would type: <font color="red">text here</font>, in which it would appear as text here. For more specific colors, you may need to use a hexidecimal code. This is the unique code given to each shade of color. All colors have a combination of 6 numbers and letters that represents an exact shade. Some common codes are: Brigt red = FF0000 Purple = CC00CC Pink = FF66FF Light Blue = CCCCFF Lime green = 99FF99 To use the hexadecimal code, simply type: <font color="FF66FF">text here</font>. This would make the text pink. If you want to change the font color and size, you can do this in the same tag, e.g.: <font size="1" color="red">type here</font> This would make the text small and red, like this: type text here. If you want to make your page even more interesting, you can change its background. Background color works in much the same way as font color, except it affects the whole page. Normally, backgrounds are white (FFFFFF) or black (000000), but you can use any color you wish. To change your background color, simply type this near the top of your page: <body bgcolor="#FFFFFF"> or <body bgcolor="white"> You do not need to end this tag, since it affects the whole page. It is good practice to put </body> at the bottom of your page to keep it tidy, though. |