Showing posts with label fullscreen imghtml program. Show all posts
Showing posts with label fullscreen imghtml program. Show all posts

Wednesday, July 26, 2023

how to apply Image tag in html

                           IMAGE  TAG 



Information

 1)  HTML <img > tag is insert image into a web document.image path define/declare  inside    <img > tag.
  2)  <img > tag is empty tag, that mean's no closing tag.
  3) <img > tag have some attributes are use for display image on web page.
  4) The src attribute, src stands for source, that is path of image URL.
  5) Alt Attribute used to define an "alternate text" for an image
  6) This specifies text to be  identified in the image name.
  7) Width and Height specifies the size of image to display on webpage.


Image tag 

 1] display your Image 


Program :-


<!DOCTYPE html>
<html>

<head>
<title>image tag</title>
</head>

<body>
<h2>Image add to page</h2>
<p> <img src=""> IMG tag. use</p>
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTnJ5y4eWr_oeyFSCSpcbMm6Bji0vB1zcutSw&usqp=CAU">
</body>

</html>

OUTPUT



img tag use

2] Fullscreen image in html

Program

<!DOCTYPE html>
<html>

<head>
<title>image tag</title>
</head>

<body>
<h2>fullscreen img add to the webpage</h2>
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcScTVw2vhdhhCW71rliHz-OcweYyJDl-Zup5Q&usqp=CAU"
width="900"  height="300" alt="nature">

</body>

</html>

OUTPUT

fullscreen img in web page


VISIT link 
And
your extra information




css-column-gap-property