YOUR FIRST HTML PAGE - IIWritten by Amrit Hallan
In book, "The Agony and Ecstasy", I read that Michael Angelo dug up graves in order to study human anatomy in all its gory manifestation. He used to hold internal organs in his bare hands. He came up with masterpieces.
The same is true for any skill, here HTML. I do not recommend you exhume dead to come up with good web pages, but it is necessary that you understand them inside out. You should know what tag does exactly what, how, and how it can be manipulated to do what you want to do.
We had concluded previous section with all pervasive tag: . This tag informs reader (a browser or a word-processor, or anything that reads HTML) that file being considered is a web page.
Let's see what step 4 has in store.
== Step 4: ==
Within tags, insert another tag so that your lines look like:
Within head tag, we store all information that we want browser to read first before proceeding to read rest of stuff, for instance, title of page, information about author, meta tags (some of meta tags causes your page to be found when user tries to find a page like yours, through his/her preferred search engine or directory, for instance, "Description" and "Keywords" meta tags), etc. For time being, we'll have just Title tag here, as right now we are in no hurry to be found by all and sundry.
Although it is not within scope of this article to tutor you on how to be search engine friendly, it is recommended you choose words of your title after careful scrutiny. Try to include in it words that you think surfer might type at search engine prompt. The search engine guys recommend that if it is your company page, then put name of your company there.
YOUR FIRST HTML PAGE - IVWritten by Amrit Hallan
In preceding sections, you learnt how to come up with an elementary HTML page. You learnt tags that are backbone of an average HTML page, namely, , , , ,
Assuming you could assimilate gushing fountain of wisdom in previous articles, we move onto streams of more evolved tags. Let's start with graphics.
Graphics enhance look of a page, they make it more informative [One picture is worth a thousand words, etc.], and they give your page an identity. But don't go over board - total size of one page should not, ideally, exceed 25 KB. There are many other issues involved with web-based graphics, but at this moment, we are just covering HTMLization of graphic files.
== Step 7: ==
To include graphics, we use tag in this manner:
Where "picture.gif" is some graphic file that you already have in same folder. If graphic file is not present in same folder as your HTML page, then you have to specify entire path of file being used. For example, if your HTML file is in root directory, and "picture.gif" is in a sub-directory - graphics - of your root-directory, syntax turns out to be:
"/" (forward slash) is for servers. For your local hard-drive, you should use "" (back slash).
SRC is an attribute of and it stands for "source".
There are primarily two graphic file formats prevalent on web, namely, GIF and JPG. GIF files use lesser colors, and hence are smaller in size and load quicker, and further, animated graphics can be created out of GIF files. JPG files are more refined, and we use them to display graphics that require clarity and greater pixel density, for instance, a photograph. More efficacious formats are being developed in meantime to suit Internet compatibility.
In some tags, you don't have to use closing tag. We don't use with .
Let us borrow HTML code of our existing page, and in that, include tag too.