HTML Tutorial by: ranjith

Page: 4 of 5 (View All)

Images

Most of the interactive websites you click to will contain an array of images which makes the website more productive. HTML gives you the <img src=”location”> tag to add picture to your website. The image format should be in gif or jpg. The bmp format is not supported. It is also recommended to add the height and width attributes to the img tag, which will allow the image to take proper proportions. Some persons may not be able to view your image or the image may take a long time to load, especially if they are using a slower connection in that case it would be ideal to give a description of the image like what the image is all about. The ALT= attribute when given to the img tag will display the alternative text for the cases discussed above.

You can also link an image to another page. To implement this functionality you just need to place the img tag within the <a href=> tag.

Unordered Lists

The un-numbered list is the first of the three types of lists. This is probably the most common list you will use. The un numbered list starts with a <ul> tag and ends with a closing </ul>, between these two tags you will place the List Items each one having individual <li> tag and closing </li>. See example below:

• Bread
• Cereal
• Cookies
• Ice Cream

Ordered List vs Numbered List

The Ordered Lists is very similar to the unordered list, except each list item has a number in front of it, instead of a bullet. The opening tag is <ol> instead of <ul> and the closing tag is </ol>. For Example:

1. Bread
2. Cereal
3. Cookies
4. Ice Cream

Definition Lists

The definitions lists are extremely useful at the times when you are adding a page similar to glossary page to your website. This type of tag is little bit complicated, but still very easy to use. The html tag for a definition lists is <dl></dl>. There is a tag called <dt> for Definition Term, and <dd> for Definition Definition. These tags do not need closing tags.