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:

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