Insert Image in HTML - Now we'll learn how to add image in HTML. In this lesson, you will know the basic script or image tag in HTML to insert a picture to your blog post.
The script below is HTML script to add image.
Description:
You know that search engine can't see a picture like we do with our eyes. They read anything that described as text. We can use image alt tag attribute to describe image to search engine. So, if your visitor search something in google images search, your picture may appear in result. It is good for your blog and search engine optimization (SEO).
You need to add alt="image description" attribute to describe your pic to search engine.
How to attach URL link to an image? This question asks you how we can click on image link, and directed us to a website. Before that, you must have already mastered : How to Create a Link in HTML.
All you have to do is change the Anchor Text with HTML image tag.
For example, if I write a line of HTML script above, the image will appear like this :
If you click image above, you will be directed to my homepage.
May this tutorial help you :)
Basic HTML Image Tag
The script below is HTML script to add image.
<img src="http://blogger-doctor.blogspot.com/favicon.ico"/>
Description:
- http://blogger-doctor.blogspot.com/favicon.ico is the image URL, you need to upload the image to a hosting, and get the image URL. You can call this link as the image source.
- In example, I use image in ico formatted. You'll find many picture in different format, such as jpg, jpeg, png, bmp, and other else.
Image Alt Tag Attribute
You know that search engine can't see a picture like we do with our eyes. They read anything that described as text. We can use image alt tag attribute to describe image to search engine. So, if your visitor search something in google images search, your picture may appear in result. It is good for your blog and search engine optimization (SEO).
<img alt="image description" src="http://blogger-doctor.blogspot.com/favicon.ico"/>
You need to add alt="image description" attribute to describe your pic to search engine.
Attach URL Link to an Image
How to attach URL link to an image? This question asks you how we can click on image link, and directed us to a website. Before that, you must have already mastered : How to Create a Link in HTML.
All you have to do is change the Anchor Text with HTML image tag.
<a href="http://blogger-doctor.blogspot.com" target="_blank"><img src="http://www.blogger.com/img/blogger-logo-small.png"/></a>
For example, if I write a line of HTML script above, the image will appear like this :
If you click image above, you will be directed to my homepage.
May this tutorial help you :)
