| Free HTML Tutorials • CSS • Frames Tutorials • Forms Tutorials • Beginners HTML Tutorials • Intermediate HTML Tutorials • Advanced HTML Tutorials • JavaScripts • Free Web Page Tutorials • Free Downloads |
|
Beginners Section |
|
TAGS 3 - Body Tags |
|
|
| Free HTML Tutorials • CSS • Frames Tutorials • Forms Tutorials • Beginners HTML Tutorials • Intermediate HTML Tutorials • Advanced HTML Tutorials • JavaScripts • Free Web Page Tutorials • Free Downloads |
|
|
Beginners Section |
|
TAGS 3 - Body Tags |
|
|
|
|
BODY TAGS
The <BODY> tag goes at the beginning of your HTML document, after the HTML, HEAD and TITLE stuff. You can just put plain old <BODY> and the browser will use its default settings. But there are a lot of modifications you can make to change things like background colour, text colour, link colour and even put in a background image using a gif or jpg file. Some of the colour stuff has been touched on before but we'll now cover it in a bit more detail. So you could have a line like this:
Let's look at some of these elements and see what they do.
As mentioned in the last lesson, this changes the BACKGROUND colour of your page. You can set this to any colour you think would look good. Just replace #FFFFFF with a colour name or hex code. If you don't set a colour the background will be white (#FFFFFF).
The default text colour is black (#000000). This is not much use if you have a black or dark page so you'll need to change it to something readable. There are some almost unreadable pages out there so make sure people can read your page.
Sets the page font size. Default is usually 3, but you can make it from 1 to 6, though you can use the <Hx> tag for larger sizes.
You'll see an example later of how links work but for now all you need to know is that a link changes from say, blue to red or purple (the default in most browsers) after you click on it. You aren't stuck with these colours - you can change the colour of the non-visited links to suit your page colours. If you want to stick to a particular colour scheme you can make all your links the same colour. Remember the default link colour is usually dark blue so you will need to use a lighter colour to show up on a dark page.
The ALINK or active link is a link that is being clicked. When you click you will see the a flash of a different colour to whatever the ALINK colour has been defined as. (See comments above.)
The VLINK is a visited link. Default is usually red or reddish. See previous comments. It's handy when faced with the page full of links to know where you've been.
A background image can be used instead of a plain colour and will replace a background colour - there is nothing to stop you using both. A change of colour from the default white to say, orange, lets the viewer know there is something on the way, while waiting for the background image to load.. If you want to use an image or graphic file as your background, the magic of HTML will take your little image (either gif or jpg) and spread it all over the page. Beware of very "busy" or elaborate images as they will make it hard to read your breathless prose. It can also slow down the loading of your page. To give you an idea of what I mean, have a look at this web page example, ROSES. It has a background image which is obscuring the text and so should not be used in this context. The background is an image file, bgroses.jpg.
The BODY tags for this are as follows:
We will be looking at image and graphic files in a lot more detail shortly, but first a look at some tags not mentioned elsewhere.
Help
|