Wednesday, July 26, 2023
background image html program
Background image
Information
The <background> attribute in the HTML document is used to specify the background image on a HTML page
Program
<!DOCTYPE html>
<html>
<head>
<title>Welcome To GFG</title>
</head>
<body background="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcR--ezbIfR7wOHrezjEfSvSS1U9HMm_YsqjuA&usqp=CAU">
<h2>Image add to page</h2>
<p> <img src=""> IMG tag. use</p>
</body>
</html>
OUTPUT
VISIT link 👇👇👌👍👍
And
your extra information
line break html
drop down button
create easy webpage
create menu card
css column gap property
registration form html
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
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>
VISIT link
And
your extra information
Subscribe to:
Posts (Atom)