Sunday, May 14, 2023

html and css use to create easy webpage

 


Html and css use to create   webpage


PROGRAM


<!doctype html>
<html>
<head>
<title>html tag and use css</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;
}
</style>
</head>
<body background="E:\New folder\MCA1\web technology
 program\img.jpg" alt="image computer">
<h1><b>computer</b></h1>
<h3><p class="center"><b>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>
<img src="E:\New folder\MCA1\web technology program\htmldevo.jpg" alt="html developer" width="80px" height="90%">
<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>






































































OUTPUT


HTML USE TO CREATE IN PAGE



Link visit

server side scripting information





Html registration form

left pascal star pattern in php

inverted pyramid star pattern in php

print half diamond pattern

Thursday, May 11, 2023

create menu card in html code table format

 how to create  table in html


Program


<!doctype.html>

<html>

<head>

<title>Menu card</title>

</head>

<table border="1">

<tr>

<th>Sr.No</th>

<th>Menu</th>

<th>Price</th>

</tr>

<tr>

<td>1</td>

<td align="center"><u>ice creams</u>

<ol>

<li>juice </li>

<li>Milk</li>

<li>cold coffee</li>

<li>Faluda</li>

<li>Water</li>

</ul>

</ol>

</td>

<td>

<ol>

<li>70</li>

<li>50</li>

<li>80</li>

<li>60</li>

<li>100</li>

</ol>

</td>

</tr>

<tr>

<td>2</td>

<td align="center"><u>Drinks</u>

<ol>

<li>chocolete </li>

<li>kulfi</li>

<li>strawberry</li>

<li>Mango</li>

<li>Butterscotch</li></ul></ol>

</ol>

</td>

<td>

<ol>

<li>50</li>

<li>20</li>

<li>80</li>

<li>60</li>

<li>80</li>

</ol>

</td>

</tr>

<tr>

<td>3</td>

<td align="center"> <u>Break-fast</u>

<ol>

<li>poha</li>

<li>Upma</li>

<li>dosa</li>

<li>Rava</li>

<li>Thalipeeth</li>

</ol>

</td>

<td>

<ol>

<li>40</li>

<li>50</li>

<li>70</li>

<li>30</li>

<li>80</li>

</ol>

</td>

</tr>

</table>

</html>


OUTPUT

create menu card in html code

Visit Link

Sunday, May 7, 2023

CSS column gap property program

 CSS column gap property


1] column rule dotted style property

Program

<!Doctype html>

<html>

<head>

<style>

.newspaper{

column-count:3;

column-gap:40px;

column-rule-style:dotted;

}

</style>

</head>

<body>

<h1>The column rule dotted style property</h1>

<div class="newspaper">

Rani Lakshmi Bai

She was born to a Maharashtrian family at Kashi (now Varanasi) 

in the year 18 November 1835. During her childhood, 

she was called by the name Manikarnika. Affectionately,her family members called her Manu. At a tender age of four, she lost her mother.As a result, the responsibility of raising her fell upon her father. While pursuing studies, she also took formal training in martial arts, which included horse riding, shooting and fencing. 

To know the complete life history of Jhansi ki Rani – Rani Lakshmi Bai,In the year 1842, she got married to the Maharaja of Jhansi,Raja Gangadhar Rao Newalkar. On getting married, she was given the name Lakshmi Bai. Her wedding ceremony was held at the Ganesh temple,located in the old city of Jhansi. In the year 1851,she gave birth to a son. Unfortunately, the child did not survive more than four months.In the year 1853, Gangadhar Rao fell sick and became very weak. So, the couple decided to adopt a child. To ensure that the British do not raise an issue over the adoption, Jhansi ki Rani – Rani Lakshmi Bai got this adoption witnessed by the local British representatives. On 21st November 1853, Maharaja Gangadhar Rao died. read on

.</div>

</body>

</html>


OUTPUT

The column rule dotted style property




2] column rule double style property

<!Doctype html>
<html>
<head>
<style>
.newspaper{
column-count:3;
column-gap:40px;
column-rule:4px double #ff00ff;

}
</style>
</head>
<body>
<h1>The column rule double style property</h1>
<div class="newspaper">
Rani Lakshmi Bai
She was born to a Maharashtrian family at Kashi (now Varanasi) 
in the year 18 November 1835. During her childhood, she was called by the name Manikarnika. Affectionately, her family members called her Manu. At a tender age of four, she lost her mother.As a result, the responsibility of raising her fell upon her father. While pursuing studies, she also took formal training in martial arts, which included horse riding, shooting and fencing. To know the complete life history of Jhansi ki Rani – Rani Lakshmi Bai,In the year 1842, she got married to the Maharaja of Jhansi,
 

Raja Gangadhar Rao Newalkar. On getting married, she was given the name Lakshmi Bai. Her wedding ceremony was held at the Ganesh temple,located in the old city of Jhansi. In the year 1851,she gave birth to a son. Unfortunately, the child did not survive more than four months.In the year 1853, Gangadhar Rao fell sick and became very weak. So, the couple decided to adopt a child. 

To ensure that the British do not raise an issue over the adoption, Jhansi ki Rani – Rani Lakshmi Bai got this adoption witnessed by 
the local British representatives. On 21st November 1853, Maharaja Gangadhar Rao died. 
read on.
</div>
</body>
</html>

OUTPUT

column rule double style property


Visit Link 


responsive web designin html

css background colour html

html unordered list

html comments tag