You have a website or online store and you want to display an image but you are asking yourself how do you do it? Magic. No, not really. Just a little bit of HTML and you’ll be all set.
In HTML, images are defined with the <img> tag. The <img> tag is empty, which means that it contains attributes only and it has no closing tag.
To display an image on a page, you need to use the src attribute. Src stands for “source”. The value of the src attribute is the URL of the image you want to display on your page. The syntax you need to use is:
<img src=”URL”>
You are telling the browser that you want to display an image that is stored in whatever URL is located in between the quotes. For example, you want to display and image named “familyphoto.jpg” and you have that image stored in a directory called images on the server hosting your account. You would use the following syntax in order to get that image to show up on a page of your website:
<img src=”http://yourdomainname.com/images/familyphoto.jpg”>
The browser will display the image based on where you insert the code above into your web page. If you are trying to insert a logo for example, you would insert the code into the <head> section of your home page. Or if you have several paragraphs of written text you would be able to insert the code between two of the paragraphs and the image would display there instead.
You can follow the same syntax above to insert multiple images in multiple locations by changing the name of the image file to whatever image it is you want to display.
This is a simple way to display an image but by no means is it the only way. We’ll discuss more options on how to display images on a web page later.
In the meantime, if you have a question on this subject feel free to contact me using the Contact Mister Viddy link on the upper right portion of the sidebar. I try to respond to all questions or comments within 24hrs.
Posted in Technology |
