HTML Advice on How to Add Images

You have followed our HTML tutorials quite religiously and now that you are able to write your own webpage in HTML complete with the tags, elements, attributes, headings as well as links – it is time for you to learn how to beautify your webpage. Yes, a webpage full of text formats and nothing else can be extremely boring and incredibly bland. Fortunately, webpages do not only allow us to make a myriad of text formats, but also a large number of multi-media.

This is it, this is what you have been waiting for since the beginning of your search on HTML beginner tips. All you have always wanted is make one of those interesting webpages just like the ones you are used to visiting. Now that you have learned the basics, it’s time to kick it up a notch.

“Learn HTML: How to Add Images” is actually fairly easy. All you have to do is remind yourself, that for it to work properly, you must use img tag. This particular tag is, without a doubt, specifically used to properly put an image on the HTML document that you are working on and would like to beautify. The line code would look like the following:

<img src= “http://www.insertyourwebhere.com/badge1.gif” width=“360” height=“360” alt=“Web Logo Here”>

The previously stated src attribute is used to inform your browser of where the image you are using is located or stored. Quite like the “a tag”, the src attribute can be either absolute or relative – however, it’s worth noting on our HTML advice section that the majority of HTML pages are typically using the relative one. Another example is, should you personally create the image you would like to use, simply save the image in one particular directory and the line of code would simple be listed like the following example below:

<img src=“nameofdirectory/nameofyourimage.jpg”>