One of the ATTRIBUTES of the <BODY> tag is BGCOLOR="color".
The BODY tag appears after the <HTML> tag in the code. The BGCOLOR attribute specifies the background color of the page. The background color of this page as you can see is black. So, the HTML code for that is <BODY BGCOLOR="black">
Now try adding that to your page in the BODY tag. A page can have only one BODY tag, so you have to add this attribute in the one that exists.
<HEAD>
The HEAD tag describes the head of the document. It mostly contains information in tags about the document which need not be printed in the body. Some of the tags used within the <HEAD> and </HEAD> are <TITLE>,<SCRIPT>,<META>,<LINK>,<STYLE>,etc.. You will be learining only the TITLE tag for now. It is not necessary to use the HEAD tags but they are for easy readablilty and its good practice to use them.
<TITLE>
The TITLE tag comes between the <HEAD> and the </HEAD> tag in the code. This tag refers to the bar on top of the window.(the blue one that says your browser name).
Anything that you write in between <TITLE> and </TITLE> goes on the bar. So, now your code will be :
<HTML>
<HEAD>
<TITLE>My First WebPage</TITLE>
</HEAD>
<BODY>
<!--Whatever you want on your page-->
</BODY>
</HTML>
Images
Images or pictures or graphics or whatever you want to call them makes our webpage cool and hip. Ok, the tag to insert an image is
<IMG>
But only <IMG> is of no use without its attributes. Lets look at the following tag ...
<IMG SRC="swans.jpg">
When I put this on a page, it gives
The SRC attribute means source as in source of the image. So, the name of your image goes here, mine was swans.jpg
Remember to put in the 3 letter extension of the type of image, mostly it is gif, but sometimes jpg or bmp. If you dont know the type of the image, right click on the image, and click on properties. There are other attributes to the <IMG> tag, like HEIGHT - Specifies the height of the image. Indicate in number of pixels, like 500. If not mentioned, the image is printed in its original height. WIDTH - Specifies the width of the image. Indicate in number of pixels. If not included, image is printed in its original width. ALIGN - Value can be "left", "right", or "center". Specifies where image is placed in the document. BORDER - Indicates the wodth of the border, if you want one. If value is 0, no border is printed. Default is 0. ALT - Indicates the text that dropps down when the mouse is on the image. Move your mouse on the swans image and see for yourself.
There are more, but these are enough for now. So, go ahead, collect some cool pictures and put them on your page.
