RSS Feed

How To: Add an Image using HTML

0

October 14, 2013 by sharona

Here’s how to add an image.

It surely must have been done before, but hasn’t been crossed out, so…

1. Find your image.

Use whatever you want. Except some stuff, because it may be copyrighted. But has that ever stopped people on the internet?

2. Copy the URL in the bar – it should end in ‘.jpg’, ‘.png’, etc.

The one I chose is: “http://eofdreams.com/data_images/dreams/image/image-07.jpg”

3. HTML time!

Basically in HTML you have to open a tag using this: <

And close a tag using this: >

So the tag for adding an image is this:

<img src=”imageurl.whatever”>

Make sure the image URL is in these: ” “.

4. Height and width

If you want to control the height and/or width, add in a little extra code:

<img src=”imageurl.whatever” width=”500″>

or

<img src=”imageurl.whatever” height=”500″>

5. Alt text

And if you really want to get fancy, you can add alt text, which means if the user can’t view the picture for some reason (eg. accessibility settings or it’s not loading because of a terrible connection), they can view that text instead.

6. Voila

this is an image


0 comments »

Leave a Reply

Your email address will not be published. Required fields are marked *

Skip to toolbar