Display Images in HTML

Ok so you want to add a image to a HTML document, heres how you do it.

<img src="URL OF IMAGE"></img>

<img src="http://www.google.com/intl/en_ALL/images/logo.gif">
</img>

This would produce this:

More advanced things include
alt, border, height, and width.

Like this
<img
src="http://www.google.com/intl/en_ALL/images/logo.gif" alt="Google's
Logo" border="2" height="30" width="30"></img>

That would make this, because the height and width is 30 it is a 30×30 image.
The alt makes the scroll over text appear (when you scroll your mouse over the image).
The border is the amount of border the border when it’s is a link (default is 2).

Written by Andy Feliciotti

Andy Feliciotti is a Web Designer out of College Park, Maryland. He diggs web design and social media, if it's on the internet he has probably seen it. You can check out what Andy finds daily on his twitter.


Leave a Comment