Create the basic skeleton of a static Web page by copying the following code into a simple text editor, such as Notepad:
Video of the Day
Then save the file as index.html (the default main page name), and open it in your browser. You should see nothing because you created a blank Web page.
All of those tags have a meaning. Thetag tells the browser that a Web page is coming up. is where all sorts of information can go for search engines. means that the part people will see is about to begin.
Think of HTML as two main types of tags (bits of code within brackets). One tells the browser to start doing something, and another tells it to stop.
Make this text bold
Everything after -- the opening tag -- will be bold until it reaches -- the closing tag. The "/" tells the browser to stop.
Add text to your Web page. Type "This is my Web page" in the body of the Web page, betweenand . Save the page, and have a look at it in the browser. The result is nice but not too exciting. Try a few other tags to spice it up. For example, makes the text bold; makes text italicized; lets you change the size of the font, from 1 (smallest) to 6 (largest); makes text red (or any other color you enter);
Try using several of these tags on the same block of text. You can do any combination you want.
You also can add space between elements on your page by putting the following between them:
for a paragraph break;
for a line break;
to create a break with a line across the Web page.
Add images to your page. Do this by using the tag , and replace the Web address in that example with the location of the image you want to use. This is one of the few tags that does not have an end tag. Images also can be centered, just like text.
Create a link to another website. This is done with the tag Click Here. That code makes the words "Click Here" the link to another website. Instead of text, you can use an image as the link by using the code .
Using these HTML codes together, you can create static Web pages of any complexity you want.
Think of HTML tags as boxes within boxes, or those Russian dolls. This is called nesting, and it keeps everything neat and easy to read. For example, text placed between