Search
Left Quote    If at first you don't succeed, redefine success.
- Anon.    
Right Quote
 
[login] | [Register]
 

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.

Example:

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.

Example:

You can find eye catching Photos and Images from http://www.crystalgraphics.com

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:



The output when viewed in a web browser:
  • 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:



The output when viewed in a web browser:
  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.

When you type:

You get an output:

HTML
The short term for Hyper Text Mark-up Language.

WWW
An abbreviation for World Wide Web.


1  |  2  |  3  |  4  |  5  |  
Next »


No Comments for this page.

You Must be logged in or a member to comment.


Tutorial Stats

Tutorial Stats

1,881 Views
0 Total Comments
0 Rating of 5 ( Votes)

Options

Tutorial Options

· Login to Rate This Article
· Login to Post a Comment
· Read more by this author
Digg This Article! Del.icio.us: Bookmark This Article Reddit: Bookmark This Article BlinkList: Blink This Article! YahooMyWeb BlogMarks: Add This Mark! Furl: Save This Article Spurl: Mark This Article

Articles

Related    

· Site Design Made Simple
· New windows without using the target attribute
Your Article Here


"AllSyntax.com" Copyright © 2002-2012; All rights lefted, all lefts righted.
Privacy Policy  |  Internet Rank