How To: Add an Image using HTML
0October 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
Category how to | Tags: how to, HTML, images
Leave a Reply