Logo of aks.htmlplanet.com

Links
Play Intro
New Stuff
Home
Poems
Jokes
Quotes
Wallpapers
Learn HTML
-Getting Started
-What are tags ?
-Hex Codes
-Body Tag
-Font Tag
-Useful Tags
-Tables
-Adding Images
-Linking Pages
-Adding Sounds

Suggestion Book



















DigiArc :: Owned By Aakash Ashvin Shah

 .:: Welcome to aks.htmlplanet.com !





 .:: Learn HTML > Adding Images ...


.:: Adding Images makes a website look good. Some of the images you can see here are the logo of the site i.e 'aks.htmlplanet.com' and the 'digiarc' logo. Many images are there here. Try finding them yourselves.

.:: Why do you need images ?

.:: Pros :
  • You may have a particular font installed on your computer but others don't. So if you use the font in your website others would not be able to see that font. So better make an image of your text and add it to your site !
  • Animated images look more interactive than a plain text.
  • After all, a picture is worth a thousand words !


  • .:: Cons :
  • Not actually a negetive point but large images are slower loading and the visitors generally don't stay long on a single page waiting for the images to load. So your work may not be actually watched by all the visitors. But remember, only large images are slower loading.


  • .:: The Code

    < Write all the neccesary codes here >
    < body >
    < img src="name.ext" border="0" height="10" width="15" alt=".." >
    where,
  • name : Name of the image.
  • ext : ext of the image say '.bmp', '.gif', '.jpg'.
  • border : Specify the thickness of the border here.
  • height : It is optional. The number you specify is in pixels.
  • width : It is optional. The number you specify is in pixels.

  • alt : It is optional. This text is displayed when anyone points the mouse on the image. Try doing that on the 'DigiArc' image on the left !


  • .:: Note :

    .:: You can use the image tag anywhere. In tables also. You can also link an image to another page. For link see 'Linking Pages'.



    Learn HTML > Adding Images







     .:: Buck Up ! You can do it !