ad

Monday, July 31, 2023

how to add image in text background use html and css


  














Background image with text in HTML and CSS



background img with text






















Program

 


<html>

<head>

<title>backgrouns  image </title>

<style>

h1
{
text-align:center;
color:red;
}
.color
{
background-color:blue;
}
.center{
text-align:center;
color:magenta;

}

body{
background-repeat:"no-repeat";
background-size:100%180%;

}
.css {
text-align:left;
}
#css{
color: orange;

}
img{
align:center;
}

</style>

</head>


<body background="https://wallpapers.com/images/

featured/nature-2ygv7ssy2k0lxlzu.jpg" alt="image computer">


<h1><b>computer</b></h1>
<h3><p class="center"><b>a computer us an electronic >A computer is an electronic device that manipulates information pr data. 
it has the ability to store, retrieve and process data. you may alread know 
that you can use a computer to type document send email, play games and browse tha web. you can 
also use it to edit ot create spreadsheets presentation
 and even videos.</b></p></h3>

<div class="color"<h1 class="css"><b>What is CSS</b></h1>
<p id="css"><b>Cascading  style sheets is a style sheet language used for describing the presentation of a document.
css is a computer language for laying out and structuring web page html or xml this language contains coding elements and  is 
composed.</b></p></div>

<center>
<img src="E:\New folder\MCA1\web technology program\htmldevo.jpg" alt="html developer" width="90px" height="30%">
</center>

<p style=""color:gold" ><b> htmlthe first version of the html was written by<b> tim berners-lee in1993</b>.support linking among online resources. conputer with other digital formats used primarily textual 
document HTML tags are keywork which defines that how web browser will format and display the content. 
with the help pf tags a web browser can display the content. with the help of tags.</b></p>

</body>
</html>

Related Post 

css box margin property

css class selector

css text decoration

Labels: ,

Saturday, July 29, 2023

HTML ID Attribute

 


HTML id Attribute


Information



1]  The id attribute specifies a unique id for HTML element. 

2] The id attribute is used to point to a specific style declaration in a style sheet.

3] The syntax for id write a hash character (#)

 4] Then, define the CSS properties within curly braces {}



1] <h1> element that points to the id name "myHeader".

2] <h1>element will be styled according to the #myHeader style definition in the head section


PROGRAM

<!doctype html>

<html>

<head>

<title>id attribute</title>

<style>

#myid{

 background-color:yellow;

 color:red;

  text-align:center;

padding:20px;

}

</style>

</head>

<body>

<h2>ID ATTRIBUTE USE </h2>

<p>Google is one of a third-party vendor on our site. It also uses cookies,

 known as DART cookies, to serve ads to our site visitors based upon their 

visit to www.website.com and other sites on the internet. However, 

visitors may choose to decline the use of DART cookies by visiting 

the Google advertisement and substance arrange Security Arrangement at the taking after

 URL – <a href="webdesigningtheory.blogspot.com"</a></p>

<h2 id="myid">ID ATTRIBUTE</h2>

<h2 id="myid">ID ATTRIBUTE USE</h2>

</body>

</html>

OUTPUT


id attribute


Related Post 

html radio button

html unordered list

how to insert image in html

Labels: ,

html id attribute

   

 HTML ID Attribute


 Information

1] The id attribute specifies a unique id for HTML element. 

2 The id attribute is used to point to a specific style declaration in a style sheet.

3] The syntax for id write a hash character (#)

 4] Then, define the CSS properties within curly braces {}

5] <h1> element that points to the id name "myHeader".

6]<h1>element will be styled according to the #myHeader style definition in the head                section


Program


<!doctype html>
<html>
<head>
<title>id Attribute</title>
<style>
#myid {
background-color:lightblue;
color:red;
padding:40px;
text-align:center;
}
</style>
</head>
<body>
<h2>The id Attribute</h2>
<p>web planning takes after a standard method of utilizing log records.

These records log guests when they visit websites.All facilitating companies do this and a portion of facilitating services' analytics.
The data collected by log records incorporate web convention (IP) addresses,
browser sort, Web Benefit Supplier (ISP), date and time stamp, referring/exit pages,
and conceivably the number of clicks. These are not connected to any data that's by and by identifiable. The reason of the data is for analyzing patterns, regulating the location, following users' development on the site,and gathering statistic data  </p>

<h1 id="myid"> ID ATTRIBUTE</H1>
</body>
</html>

OUTPUT


id attribute


Related Post :-

bold tag in html

audio tag in html

html address tag

Labels: ,

Friday, July 28, 2023

css class attribute


 Html Class Atribute

Information

      1] The html lesson attrubute is utilized to indicate a lesson

             for an html component
             2] Course quality is utilize to point to course title in fashion sheep .
             3]Three component with a course attrubute with esteem city
Program 

 Program


<!doctype html>
<html>
<head>
<title> class attribute use</title>
<style>
.satara{
background-color:purple;
color:white;
border:2px;
margin:20px;
padding:19px;
}

.mumbai{
background-color:pink;
color:white;
border:2px;
margin:20px;
padding:19px;
}
.pune{
background-color:red;
color:white;
border:2px;
margin:20px;
padding:19px;
}
</style>
</head>
<body>
<div class="satara">
<h2>Satara special food kandi pedhe</h2>
</div>

<div class="mumbai">
<h2>Mumbaispecial food vada pav</h2>
</div>

<div class="pune">
<h2>pune special Mava jalebi</h2>
</div>

</body>
</html>

OUTPUT

class attribute use


2] Program


<!doctype html>

<html>

<head>

<title> class attribute use</title>

<style>

.satara{

background-color:purple;

color:white;

border:2px;

margin:20px;

padding:19px;

}

.mumbai {

background-color:pink;

color:white;

border:2px;

margin:20px;

padding:19px;

}

.pune{

background-color:red;

color:white;

border:2px;

margin:20px;

padding:19px;

}

</style>

</head>

<body>

<div class="satara">

<h2>Satara special food kandi pedhe</h2>

</div>

<div class="mumbai">

<h2>Mumbaispecial food vada pav</h2>

</div>

<div class="pune">

<h2>pune special Mava jalebi</h2>

</div>

</body>

</html>


OUTPUT

class attribute use



Related Post  :-

css introduction

css class selector

php variable

Labels: ,

Thursday, July 27, 2023

html block and inline element

HTML block and inline element


Information

 1] Block leval element always starts a new line and browsers automatically
 2] Add some  space a margin befor and after element
 3] The <h2>  element defines a heading in html document.
 4] The <div> element defines a division or a section in an html document
 5] <h1>Privacy Policy for web designing </h1>


Program

<!doctype html>
<html>

<head>
<title></title>
</head>

<body> <H1>HTML BLOCK AND LNLINE ELEMENT</H1>

<p style="border:1px solid black">Hii friend</p>
<div style="border:1px solid pink">Hii friend</div>
<p>Third-party ad servers or ad networks uses technologies like cookies,
 JavaScript, or Web Beacons that are used in their respective advertisements
 and links that appear on web designing, which are sent directly to users' 
browser

They naturally get your IP address when this happens.These innovations are utilized to degree the viability of their publicizing campaigns and/or to personalize the publicizing substance merely see on websites simply visit.</p>

</body>

</html>


OUTPUT

html block and lnline element


Related Post :- 
Labels: ,
Subscribe to: Comments (Atom)