In HTML, you can display images using the <img> tag. Here's how you can use it:
Basic Syntax
<img src="path-to-image" alt="description">
src: Specifies the path to the image (this can be a URL or a file path).alt: Provides alternative text for the image if it cannot be displayed (e.g., if the image is missing or the user has images disabled).
Example 1: Using a Local Image
<img src="images/picture.jpg" alt="A beautiful scenery">
Example 2: Using an Image from the Web
<img src="https://www.example.com/image.jpg" alt="A beautiful scenery">
Example 3: Specifying Width and Height
You can control the size of the image using the width and height attributes.
<img src="images/picture.jpg" alt="A beautiful scenery" width="300" height="200">
Example 4: Adding a Link to an Image
If you want the image to link to another page, you can wrap the <img> tag in an <a> tag.
<a href="https://www.example.com">
<img src="images/picture.jpg" alt="A beautiful scenery">
</a>
Let me know if you'd like more examples!
No comments:
Post a Comment