Wednesday, July 26, 2023

how to the apply background image in text in table

                    Background image in Table







Program


<!doctype html>
<html>
<head>

<title>background image with css</title>
<style>
body{
background-image:url('https://wallpapers.com/images/featured/nature-2ygv7ssy2k0lxlzu.jpg');
}
table{
color:red;
margin:auto;
padding:10px;
}
</style>
</head>
<body>
<center> 
<table border="2" height="100px" width="140">
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</center>
</table>
</body>
</html>

















































Output

backgroundimg




VISIT link 
And
your extra information



background color program
HTML FORM
How to apply css background colour

background image html program

Background image


background img

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


background img

   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



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