how to add image in html | add image in html
Hey friends, today I’ll teach how to images in HTML. Before we dive in, I’ll introduce myself. I’m CodingPorium and I make coding tutorials and provide Free Source Code. Do check out my YouTube channel at here or by searching for CodingPorium on YouTube for more!
The <img> tag in Html
The most simple, easy, and common method to add images in HTML is through the <img> tag. Img actually stands for Image.
However, I honestly find the <img> tag as something really interesting. This is because usually HTML tags have a start tag and close tag but the <img> tag does not have a close tag.
Okay, now that you’ve understood about <img> tag, let’s see how to link it to your image file path.
I understand that when you see the example above, you might feel like the image is too large and you want to have some control on the image size.
We can do it with basic inline CSS. Don’t get shocked when you hear that we need to use CSS, because it’s a super simple job.
Styling HTML image size
We can style the image size by using the style attribute and adding simple CSS inside it. Check out the code below.
And that’s it! You can now add images to your HTML website to make it better.
Check it more
Written by: @codingporium