ad

Tuesday, May 30, 2023

How to create a split screen 2/3 with use CSS


 

Split screen two or more color in one page using html/css

 The  background-color property sets the background color of an element.

The background-color property sets the background color of the element.

 use to the div property in use to the css in class or id put than style use this class and 

id property put than apply to tag in different way.


Program 

<html>

<head>

<title>two color one page</title>

<style>

.color1{

background-color:pink;

<!-- select  your  favourite  color put than run program -->

width:33%;

height:230px;

float:left;

}

.color2{

background-color:skyblue;

<!-- select  your  favourite  color put than run program -->

width:34%;

height:230px;

float:right;

}

.color3{

background-color:red;

<!-- select  your  favourite  color put than run program -->

width:33%;

height:230px;

float:left;

}

</style>

</head>

<body>

<h1>Three color with one page</h1>

<div class="color1">

</div>

<div class="color2">

</div>

<div class="color3">

</div>

</body>

</html>


OUTPUT

three color with one page html/css
Related Post  :-

php program to print Alphabet pattern R

how to run php program

css border property

Monday, May 29, 2023

Split a Background into 2 color


Split a Background into 2 color


Program

<html>

<head>

<title>two color one page</title>

<style>

.color{

background-color:pink;

width:60%;

height:420px;

float:right;

}

.color1

{

background-color:skyblue;

<!-select  your color -->

width:40%;

height:420px;

}

</style></head>

<body>

<h1>Two color with one page</h1>

<div class="color"><br><br>

</div>

<div class="color1">

</div>

</body></html>


OUTPUT

two color in one page using html and css

Related Post :-

php program to print hollow triangle star pattern

php program to print increasing triangle

php program to print alphabet pattern M




Sunday, May 14, 2023

Design web page use HTML CSS

 




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



Related Post :-

about us page design template

Application of javascript

php program to print alphabet pattern Z

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

Related Post 

Sunday, May 7, 2023

CSS column gap property program


CSS column gap property


 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 on 18 November 1835 in Kashgar (now Varanasi) into a Maharashtrian family. When she was little, she was called

Manikarnika.
 His family name is Manu. He lost his mother when he was four years old, and the responsibility of raising him fell on his father. During his training, he also received training in martial arts such as horseback riding, shooting and fencing. The Maharaja of Jhansi was married to Raja Gangadhar Rao Newalkar. After marriage, she was named Lakshmi Bai. Her wedding took place at the Ganesha Temple in the old city of Jhansi. She gave birth to a son in 1851. Unfortunately, the child did not survive more than four months. Therefore, the couple decided to have children. To ensure that the British did not compete for the adoption, Jhansi ki Rani - Rani Lakshmi Bai completed the adoption in the presence of local British representatives. Maharaja Gangadhar Rao died on 21 November 1853. Continue reading

.</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 on 18 November 1835 in Kashgar (now Varanasi) into a Maharashtrian family. When she was little, she was called

Manikarnika.
 His family name is Manu. He lost his mother when he was four years old, and the responsibility of raising him fell on his father. During his training, he also received training in martial arts such as horseback riding, shooting and fencing. The Maharaja of Jhansi was married to Raja Gangadhar Rao Newalkar. After marriage, she was named Lakshmi Bai. Her wedding took place at the Ganesha Temple in the old city of Jhansi. She gave birth to a son in 1851. Unfortunately, the child did not survive more than four months. Therefore, the couple decided to have children. To ensure that the British did not compete for the adoption, Jhansi ki Rani - Rani Lakshmi Bai completed the adoption in the presence of local British representatives. Maharaja Gangadhar Rao died on 21 November 1853. Continue reading

read on.
</div>
</body>
</html>

OUTPUT

column rule double style property



Related post 

html datetime picker

Saturday, May 6, 2023

CSS column-gap property


CSS column gap property

The column gap property specifies the between  the columns in flex box or multi-column layout if there is a column it will appear in the middle of  the  gap


Insert line between columns word html

Program

 <html>

<head>

<style>

.newspaper {

  column-count: 3;

  column-gap: 40px;

}

</style>

</head>

<body>

<h1>Columns Gap</h1>

<div class="newspaper">

He was a leading pupil of Indian saint Ramakrishna, who lived in the 19th century. He was a prominent player in introducing the Indian darsanas (teachings, practices) of Yoga and Vedanta to the West, influenced by Western esotericism. He is also recognized for promoting interfaith understanding and elevating Hinduism to the rank of a major world religion in the late 19th century.He played a significant role in the modern Hindu reform movements in India and helped to formulate the idea of nationalism during the colonial era.The Ramakrishna Math and Mission were established by Vivekananda.He is most remembered for his introduction of Hinduism during the Parliament of the World's Religions in Chicago in 1893, which started with the phrase "Sisters and brothers of America."

Vivekananda was born in Calcutta to an aristocratic Bengali Kayastha family and was interested in spirituality. He came under the influence of Guru Ramakrishna and through him came to understand that all living beings are incarnations of the Divine Self. Therefore, service to God is service to humanity. After Ramakrishna's death, Vivekananda traveled throughout the Indian subcontinent, gaining first-hand knowledge of conditions in British India. He later went to the United States to represent India at the 1893 World Parliament of Religions. Vivekananda gave hundreds of public and private lectures and courses in the United States, Great Britain and Europe, disseminating the principles of Hindu philosophy. In India, Vivekananda is considered a saint and his birthday is celebrated as National Youth Day.</div>

</body>

</html>


 OUTPUT

insert line between columns word html


2] Line Between the columns


Program

<html>

<head>

<style> 

.newspaper {

  column-count: 3;

  column-gap: 40px;

  column-rule-style: solid;

  column-rule-width: 1px;

}

</style>

</head>

<body>

<h1>Line Between the columns</h1>

<div class="newspaper">

He was a leading pupil of Indian saint Ramakrishna, who lived in the 19th century. He was a prominent player in introducing the Indian darsanas (teachings, practices) of Yoga and Vedanta to the West, influenced by Western esotericism. He is also recognized for promoting interfaith understanding and elevating Hinduism to the rank of a major world religion in the late 19th century.He played a significant role in the modern Hindu reform movements in India and helped to formulate the idea of nationalism during the colonial era.The Ramakrishna Math and Mission were established by Vivekananda.He is most remembered for his introduction of Hinduism during the Parliament of the World's Religions in Chicago in 1893, which started with the phrase "Sisters and brothers of America."

Vivekananda was born in Calcutta to an aristocratic Bengali Kayastha family and was interested in spirituality. He came under the influence of Guru Ramakrishna and through him came to understand that all living beings are incarnations of the Divine Self. Therefore, service to God is service to humanity. After Ramakrishna's death, Vivekananda traveled throughout the Indian subcontinent, gaining first-hand knowledge of conditions in British India. He later went to the United States to represent India at the 1893 World Parliament of Religions. Vivekananda gave hundreds of public and private lectures and courses in the United States, Great Britain and Europe, disseminating the principles of Hindu philosophy. In India, Vivekananda is considered a saint and his birthday is celebrated as National Youth Day.

</div>

</body>

</html>


OUTPUT

Line Between the columns


3] Line between the Column with colour


 program

<html>

<head>

<style>

.newspaper {

  column-count: 3;

  column-gap: 40px;

  column-rule: 5px solid lightblue;

}

</style>

</head>

<body>

<h1>Line between the Column with colour</h1>

<div class="newspaper">

He was a leading pupil of Indian saint Ramakrishna, who lived in the 19th century. He was a prominent player in introducing the Indian darsanas (teachings, practices) of Yoga and Vedanta to the West, influenced by Western esotericism. He is also recognized for promoting interfaith understanding and elevating Hinduism to the rank of a major world religion in the late 19th century.He played a significant role in the modern Hindu reform movements in India and helped to formulate the idea of nationalism during the colonial era.The Ramakrishna Math and Mission were established by Vivekananda.He is most remembered for his introduction of Hinduism during the Parliament of the World's Religions in Chicago in 1893, which started with the phrase "Sisters and brothers of America."

Vivekananda was born in Calcutta to an aristocratic Bengali Kayastha family and was interested in spirituality. He came under the influence of Guru Ramakrishna and through him came to understand that all living beings are incarnations of the Divine Self. Therefore, service to God is service to humanity. After Ramakrishna's death, Vivekananda traveled throughout the Indian subcontinent, gaining first-hand knowledge of conditions in British India. He later went to the United States to represent India at the 1893 World Parliament of Religions. Vivekananda gave hundreds of public and private lectures and courses in the United States, Great Britain and Europe, disseminating the principles of Hindu philosophy. In India, Vivekananda is considered a saint and his birthday is celebrated as National Youth Day.

</div>

</body>

</html>


OUTPUT

Line between the column with color


related Post :-

bdo tag in html

basefont tag in html

html aside tag