04 April 2014

Resizing Image




This steps are for those who wish to keep an image the original size but just re-size the image in HTML code. Although this is possible, i still suggest you resize an image using an image editor to help with download times. When an image is resized using the html code it still has to load the larger image, even though it appears small in the browser... read my tips first.

Specify the width and height in your IMG SRC HTML tag as shown in the below example.
Code:

<img width="160" height="128" src="IMAGE URL"/>

Alt & Title Tags

These two tags are very similar and can be confusing. Basically, it makes sense to treat them as the same thing and use them both.

They define a short piece of text which appears instead of the image if the image cannot be displayed (for whatever reason), and/or as a "tool-tip" when you hold your mouse over the image.

title tag are working on FFS.. Code:

<img width="160" height="128" src="IMAGE URL" title="Your title here"/>




- Comments

No comments:

Post a Comment