Basic HTML

 
 
          

Images >> Formats

 

Images

You can use images in many ways to enhance the look of a webpage. Images can be used as backgrounds, horizontal rules, or as pictures, or graphics on any webpage. They make the webpages more interesting and colorful. Images can be used to help clarify a point being made in the text or as links to other webpages. They also can be directional symbols that allow the visitor to navigate through the website.



Image Formats

This section will show how to add images to your pages. We will start out with a presentation of the two main image types on webpages: jpg and gif. After that, we will proceed with various ways to insert and customize images, with a special focus on the different alignments you can choose.



Image Tag: <img ...>

Attribute Function
align
  • Controls alignment
  • Can select from bottom, middle, top, left, or right
  • alt
  • Alternative text to display when an image is being loaded
  • border
  • Defines the border width
  • height
  • Defines the height of the image
  • Improves loading time
  • hspace
  • Defines the horizontal space that separates the image from the text
  • src
  • Defines the URL of the image to be loaded
  • vspace
  • Defines the vertical space that separates the image from the text
  • width
  • Defines the width of the image
  • Improves loading time
  • Links >> Colors >> Visited Images >> Formats >> JPEG