How to change an image on an img tag!
<img src="https://snapit.solutions/wp-content/uploads/2019/07/WomenInTech.jpg" />
Output: 
<img
src="https://snapit.solutions/wp-content/uploads/2019/07/WomenInTech.jpg"
width="400" />
Output:
<img
src="https://snapit.solutions/wp-content/uploads/2019/07/WomenInTech.jpg"
width="400"
height="100" />
Output:
<img
src="https://snapit.solutions/wp-content/uploads/2019/07/WomenInTech.jpg"
width="400"
style="box-shadow: 0px 16px 40px black;"
/>
Output:
<img
src="https://snapit.solutions/wp-content/uploads/2019/07/WomenInTech.jpg"
width="400"
style="border-radius: 50%;"
/>
Output:
Ingredients of a img tag!
Here is a basic example of an image tag. I'll break it down
<img src="https://media.giphy.com/media/demgpwJ6rs2DS/giphy.gif"
/>
<img
src="https://media.giphy.com/media/demgpwJ6rs2DS/giphy.gif"
/>
|
| This is the start of the tag |
<img
src="https://media.giphy.com/media/demgpwJ6rs2DS/giphy.gif"
/>
|
img is short for "image" this is the name of the tag
|
<img
src="https://media.giphy.com/media/demgpwJ6rs2DS/giphy.gif"
/>
|
src is short for "source" which mean where the image is
coming from
|
<img src="https://media.giphy.com/media/demgpwJ6rs2DS/giphy.gif"
/>
|
| this is the url for the image. you can change the image by changing the URL between the quotes! |
<img
src="https://media.giphy.com/media/demgpwJ6rs2DS/giphy.gif"
/>
|
/> is how you close the img tag :) |
and there we have it! an img tag!
