In this tutorial, we will learn about HTML Images. We use an image tag to add images on the web page. To add an image in the web page we have to add an img tag and an src attribute in the img tag. In src attribute, we add the path of the image. This image path may be internal or external. Means image may be present on the same website or from some other website. Let’s check how to add image tag in HTML code.
Page Contents
Here is code which shows how you can add an image(internal image) on the web page if the image and web page both are saved at one server( in single folder e.g Desktop of your PC)
Internal Source Example: –
<img src="flower.png" height="300px" width="300px" alt="flower image"/>
External Source Example: –
Here we will check how we can add the image from an external source.
<img src="https://images-na.ssl-images-amazon.com/images/I/71K8SKRk4gL._SX425_.jpg" height="300px" width="300px" alt="flower image"/>
Output: –
Parvesh Sandila is a results-driven tech professional with 8+ years of experience in web and mobile development, leadership, and emerging technologies.
After completing his Master’s in Computer Applications (MCA), he began his journey as a programming mentor, guiding 100+ students and helping them build strong foundations in coding. In 2019, he founded Owlbuddy.com, a platform dedicated to providing free, high-quality programming tutorials for aspiring developers.
He then transitioned into a full-time programmer, where his hands-on expertise and problem-solving skills led him to grow into a Team Lead and Technical Project Manager, successfully delivering scalable web and mobile solutions. Today, he works with advanced technologies such as AI systems, RAG architectures, and modern digital solutions, while also collaborating through a strategic partnership with Technobae (UK) to build next-generation products.