HTML Images

Here we see about how to insert images between our website content.

For inserting image we will use <img> tag.

<img> tag will place the image in area where you place this code in HTML content.

Attributes for <img> tag are title, alt, height, width, etc.,

Sample HTML code for image:

<img src=”(location of file)” alt=”alternative text”>

Alt(alternate)  attribute is used when no image is available in such a directory!

<html><head><title>Image display</title></head>

<body><img src=”http://www.jagansindia.co.in/images/logo.png” alt=”Jagansindia” /></body>

</html>

Test this code on your browser! if any doubts just post comments on relevant post.

sample output here:
jagansindia

you can make image as link also..

just put <a> tag embedded with <img> tag..

example , <a href=”www.jagansindia.in”><img src=”logo.png”></a>

About Jagadesh Boopathi

I am tech savy spending more time on technology, learning about web, making time to find new stuff always. Also I am Entrepreneur, Blogger and an Engineer. Open Source - Matters.

View all posts by Jagadesh Boopathi →

Leave a Reply

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