Understanding Image Tags

This tutorial will help you gather unusual commands with  the intention of will allow you to manipulate your images to your liking. The  code prearranged is on paper in HTML (Hypertext Markup Language) related to the  code you photocopy and paste from image hosting sites, to look over your images  by a desired location. To preeminent understand this tutorial you should  understand the basic html make up.

Insert the real content codes at this time

To by the book purpose code in examples photocopy and  paste content the examples inside < >

Basics of the Image tag

The image tag allows you to demonstrate images in many  formats on a webpage. The tag used intended for displaying an image in html  code is img. With all html here are a few attributes with the intention of can  be associated with the image tag to allow it to present unusual functions.  These include:

Src Attribute – REQUIRED

The source (src) attribute is the location or URL  everywhere the image resides on the internet. This attribute should all the  time be used or your image will not be revealed as the browser will not know  everywhere to retrieve it from.

Example: Img src=”http://www.Iuploadhere.Com/image.Jpg”

Alt Attribute – OPTIONAL

The alternate text (alt) attribute is used to displayed  text in place of an image with the intention of cannot be found or as image  downloading is twisted rancid by the user. This aspect is to help the user  understand come again? He/she must be viewing if the image doesn’t demonstrate.

Example: Img  src=”http://www.Iuploadhere.Com/image.Jpg” alt=”My Image”

Align Attribute – OPTIONAL

The align image demand allows you to point the image in  correspondence with the surrounding text. Commands used include top, underside,  core, missing, and desirable.

Example: Img  src=”http://www.Iuploadhere.Com/image.Jpg” alt=”My Image”  align=”Top”

Width and Height Attributes – OPTIONAL

These commands allow you to amendment the size of the  image on the website. The attributes used are width=”" and  height=”" everywhere the  represents add up to (in pixels) with the  intention of you inclination to purpose. Remember as using this demand with the  intention of you are not in fact modifying the image but merely for the time  being changing the size which can cause distorted images.

Example: Img  src=”http://www.Iuploadhere.Com/image.Jpg” alt=”My Image”  align=”top” width=”50″ height=”40″

Background Image Attribute

The background image demand allows you to place your  image in the background of your website as wallpaper. Being you can set eyes on  in the model less than, this attribute should be placed surrounded by the tag  by the commencement of your HTML record. If your image is lesser after that the  area of the call it will tile itself.

Example: Body  background=”http://www.Iuploadhere.Com/background.Jpg”

Turning an image into a Link

This demand allows you to circle your image into a link  with the intention of community can click to uninterrupted them to an  additional webpage on the internet. When the user scrolls larger than the image  the mouse pointer will amendment from the arrow to a tender with its pointer  finger pointing. This demand requires you to surround your image tag with the  html tags revealed less than in bolded text.

Example:
 href=”http://www.example.com”>img src=”http://www.example.com/image.Jpg” alt=”My Image”>