This tutorial will help you realize dissimilar commands with the aim of will allow you to manipulate your images to your liking. The code certain is on paper in HTML (Hyper Text Markup Language) comparable to the code you simulate and paste from image hosting sites, to belief your images by a desired location. To greatest understand this tutorial you have to understand the basic html organize.

Insert the genuine content codes at this time

To correctly waste code in examples simulate and paste content the examples inside < >

Basics of the Image tag

The image tag allows you to spectacle images in many formats on a webpage. The tag used in support of displaying an image in html code is img. With all html near are reliable attributes with the aim of can be associated with the image tag to allow it to function dissimilar functions. These include:

Src Attribute – REQUIRED

The source (src) attribute is the location or URL someplace the image resides on the internet. This attribute have to constantly be used or your image will not be revealed as the browser will not know someplace 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 aim of cannot be found or once image downloading is twisted rancid by the user. This bring forward is to help the user understand come again? He/she ought to be viewing if the image doesn’t spectacle.

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

Align Attribute – OPTIONAL

The align image rule allows you to situation the image in correspondence with the surrounding text. Commands used include top, bed, internal, missing, and reasonably.

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

Width and Height Attributes – OPTIONAL

These commands allow you to loose change the size of the image on the website. The attributes used are width=”#” and height=”#” someplace the # represents a add up to (in pixels) with the aim of you yearn for to waste. Remember once using this rule with the aim of you are not in point of fact modifying the image but just for the short term 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 rule allows you to place your image in the background of your website as a wallpaper. While you can tell in the case in point less, this attribute have to be placed surrounded by the tag by the launch of your HTML authenticate. If your image is lesser at that time the area of the leaf it will tile itself.

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

Turning an image into a Link

This rule allows you to twist your image into a link with the aim of population can click to straight them to an alternative webpage on the internet. When the user scrolls completed the image the mouse pointer will loose change from the arrow to a employee with it’s symbol finger pointing. This rule requires you to surround your image tag with the html tags revealed less in bolded text.

Example:

A href=”http://www.Iuploadhere.Com”>img src=”http://www.Iuploadhere.Com/image.Jpg” alt=”My Image”>