12
Jul
2009

How To Make An Image Link To Your Audio & Video Clips

In Category: audio & video| html
Posted By Codenique @ 12:14:42 AM
 

You can also use an image to link to your audio and video files. You will need to use the <a> tag and its href and title attributes along with the <img> tag and its src, alt and border attributes. Let me first explain about the <img> tag and its attributes first.

Read More ››
11
Jul
2009

How To Create Server-Side Image Maps Using The <img> & <a> Tags

In Category: html| image maps
Posted By Codenique @ 11:56:19 PM
 

The other type of an image map is called server-side because of the work that is done by the server when a user clicks on a hotspot also known as a link or clickable region or area.

Read More ››
11
Jul
2009
 

There are two types of image maps that are called client-side and server-side image maps. I will explain about client-side image maps in this tutorial and in a future tutorial, I will explain about server-side image maps.

Read More ››
11
Jul
2009

How To Add Image Submit Buttons Using The <input> Tag

In Category: forms| html
Posted By Codenique @ 11:00:55 PM
 

Now you can use the <input type="image" />, which is used to create an input button using an image, instead of a regular push-style button. By default the <input type="image" /> is a submit button only. You cannot make an image reset button.

Read More ››
11
Jul
2009

How To Add Thumbnail Images To Your Web Pages With HTML & XHTML

In Category: html| images
Posted By Codenique @ 10:47:27 PM
 

Now let me show you how to make a thumbnail image, which will be used as a link to the larger external image. In order to make the thumbnail image you will need an image editor to resize the image to a smaller size, I used Photoshop CS to resize my image or you can use the <img> tags width and height attributes, you will have to give the size of both attributes values in pixels, for example, a pixel value of 75px.

Read More ››
11
Jul
2009

How To Add Inline Images In HTML & XHTML Using The <img> Tag

In Category: html| images
Posted By Codenique @ 10:45:21 PM
 

Now let’s talk about how to add inline images to an HTML or XHTML document. You will do this by using the <img> tag, which displays an inline image. An inline image is an image that is inserted into the current text flow of your HTML or XHTML document, which has no implied line or paragraph break before or after the <img> tag, that is why the images are called inline. The <img> tag requires no end tag in HTML but in XHTML, it is required, since the <img> tag is an empty tag, which means it has no end tag you will either have to include an end tag the normal way, for example <img></img> or the shorthand way, for example <img /> both of which are acceptable for XHTML.

Read More ››