If a tag is not going to contain many lines of code, we can have opening and closing tags in same line, for instance,

instead of

This applies to all tags.

Clear till here? Now if you want to see how your page looks on your browser, load your browser, and in URL window, type complete path of your file, like

c: ewfolderfirstpage.html

and press enter.

See nothing? Don't get alarmed, and don't think you've goofed up big somewhere. We haven't yet put anything in code that should come up in browser. Yes, on browser's window title bar, you can view text that you've put within .

>From now onwards, leave your browser open, and keep pressing Refresh or Reload button to see changes, when you make them. Just remember to save modified file [File -> Save: In text editor] before refreshing.

== Step 5: ==

Now we come to body of page. Modify your page so that it looks like:

tag tells browser that from now onwards, actual content of page will come into picture.

We leave this section here because last stage of our First Page course shouldn't have an abrupt break. In concluding section we shall see how we can display simple text, hyperlinks and graphic files on our web page.

See you there then.

If you liked this lesson, please forward it to someone you feel would appreciate it.

Send your comments and feedback at amrit@Bytesworth.com

Ah! This is for first time I'm writing my own HTML. The world is so different out here. Marvelous!

For more cool content, go to Bytesworth.com .

Save and refresh your page.

You might have observed that on many web pages, they use fancy graphics to show various links, as you can see fancy gray buttons on this web site. We perform this by

We have inserted tag between , so instead of text link, now we have a graphic link.

Our modified HTML source page, looks like this (repetitive code has been replaced by dots):

.............. .............. .............. ..............

..............

You can explore tag further on your own, but there is another crucial attribute of this tag that we are going to cover before moving on to next section - ALT attribute - alternative.

We use ALT attribute inside to insert text that gets displayed or sounded when cursor is hovered over image, or while image is being loaded, or when graphics display has been disabled in browser, or when your site is being viewed on a non-graphics browser, or when visually challenged people are browsing on a voice-enabled browser. .............. .............. .............. ..............

..............

This sums up tag. It's an important tag, and hence, has taken up an entire chapter. You'll find yourself implementing it again and again, but please don't over-do it.

We move on to tables now.