Some tags/attributes that make your web pages look cooler
by Amrit HallanByteswoth.com
Tuesday, 2nd August 2005
Page Background: You can give your HTML page a background, using an image, by the following attribute of the <body> tag:
<body background="background.gif">
where "background.gif" is the file you want to make your background.
This background scrolls up and down when you scroll your page. What if you want an image in the background that should not scroll, but remain fixed? You can do it like this:
<body background="background.gif" bgproperties="fixed">
Individual cells of a table can too be given separate backgrounds using the above attributes inside the <td> tag.
Frames: I'm highly against Frames, so I haven't included them in the tutorials, but if you really want to learn about them, please write to me at amrit@bytesworth.com.
<br> This quote is used to insert a break, or a line break. For instance:
<a href="url1.html">URL 1</a>
<br>
<a href="url2.html">URL 2</a>
makes sure that URL 1 and URL 2 appear on separate lines.
Every self-respecting web site developer wants his/her web site to be indexed by all those famous search engines and indexes like Lycos, Yahoo!, Excite, AltaVista, etc. Although this process takes ages to materialize, initialize, you can concentrate on incorporating certain keywords into your pages so that they get found.
Content of your page: Search engines generally read the first 250 or so words of your page while searching it. Try to include all the crucial words in this area. But take care that they have to make sense. Don't spam your web page with words. The more you narrow down, greater is the chance of being indexed.
Title: Whatever you write within <title> </title> sometimes helps the search engines.
Meta tags: There are two crucial meta tags, viz., Description and Keywords. These two tags are used with <head> </head> of your HTML page in the following style:
<head>
<meta name="Description" content="A perfect source to begin learning basic HTML">
<meta name="Keywords" content="tutorials, articles, profile, profession">
<title> </title>
</head>
Alt Text of your image file: Remember <img src="title.gif" alt="The logo of Golden Words"> sort of composition? The search engines also look for the searched text in the Alt attributes of your various graphics file. Always use them, copiously, but not unnecessarily.
<h1>, <h2>, <h6>:... Some search engines love words trapped within <h> </h> tag. <h> tags are used for inserting section, paragraph headings, for instance:
<h1>Main Heading</h1>
<h2>Sub Heading</h2>
<h3>Sub-sub Heading</h3>
You can define these headings in your Cascading Style Sheets according to your own preferences; otherwise, they have their default settings.
Options:
Printer Friendly
Email Friend
Amrit Hallan is a freelance web designer. For all web site development and web promotion needs, you can get in touch with him at amrit@bytesworth.com . For further details, visit http://www.bytesworth.com You can subscribe to his newsletter [BYTESWORTH REACHOUT] on Web Designing Tips & Tricks by sending a blank email at bytesworth-subscribe@topica.com.
