HTML & CSS PROGRAMMING

Channel created

15:11

------------------------------
Introducing myself :
------------------------------
I'm also a student like you studying BCA 3rd year, I started this channel to share the knowledge of C programming .

I try to gather as much programs as I can and share them with you, hoping you will support the channel by sharing this channel with your friends who are aiming to practice programs.

Channel link is here👇

https://t.me/html_programming_language

If I make any mistakes in any program message me the mistake I had made so I'll try to correct them.
contact here 👇
@imabhi3030

👍4

666 views11:04

HTML & CSS PROGRAMMING

Program to print hello world in html

<!DOCTYPE html>
<html>
<head>
<title>Hello, World!</title>
</head>
<body>
<h1>Hello, World!</h1>
</body>
</html>

655 views11:22

HTML & CSS PROGRAMMING

0:10

This media is not supported in your browser

VIEW IN TELEGRAM

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>

<input type="button" value="red"
       onclick="red()">

<input type="button" value="Green"
       onclick="green()">

<input type="button" value="Blue" 
       onclick="blue()">


<script type="text/javascript">

function red(){
        document.bgColor="red";
        
}
function green(){
        document.bgColor="green";
}
function blue(){
        document.bgColor="blue";
}

</script>
</body>
</html>

👍3❤2🔥1

728 views12:47

HTML & CSS PROGRAMMING

0:02

This media is not supported in your browser

VIEW IN TELEGRAM

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>

      This link is Required.

<script src="https://cdn.jsdelivr.net/npm/p5@1.4.0/lib/p5.js"></script>

<script type="text/javascript">
function setup(){
          createCanvas(windowWidth,
                      windowHeight);
}
function draw(){
          const col={};
          const{r,g,b}=col;
          col.r=random(0,255);
          col.g=random(0,255);
          col.b=random(0,255);
          fill(col.r,col.g,col.b)
          ellipse(mouseX,mouseY,
                     150,100);
}
</script>
</body>
</html>

👍3

778 views03:50

HTML & CSS PROGRAMMING

0:20

This media is not supported in your browser

VIEW IN TELEGRAM

680 views02:41

HTML & CSS PROGRAMMING

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
body{
background:#2F2F2F;
}
.pin{
width:30px;
height:30px;
border-radius:50% 50% 50% 0;
background:#89849b;
position:absolute;
transform:rotate(-45deg);
left:50%;
top:50%;
margin:-20px 0 0 -20px;
animation:ani 1s ease-in;
}
pin:after{
content:'';
width:14px;
height:14px;
margin:8px 0 0 8px;
background:#2F2F2F;
position:absolute;
border-radius:50%;
}
.cen{
width:15px;
height:15px;
background:#2F2F2F;
position:absolute;
top:48.1%;
left:46.5%;
border-radius:50%;
}
.pulse{
background:rgba(0,0,0,0.2);
border-radius:50%;
height:14px;
width:14px;
position:absolute;
left:50%;
top:50%;
margin:11px 0px 0px -12px;
transform:rotateX(55deg);
z-index:-2;
}
.pulse:after{
content:"";
border-radius:50%;
height:40px;
width:40px;
position:absolute;
margin:-13px 0 0 -13px;
animation:pulsate 1s ease-out infinite;
opacity:0.0;
box-shadow:0 0 1px 2px #00FFFF;
animation-delay:1.1s;
}
@keyframes pulsate{
0%{
opacity:0.0;
transform:scale(0.1, 0.1);
}
50%{
opacity:1.0;
}
100%{
opacity:0;
transform:scale(1.2, 1.2);
}
}

</style>
<title></title>
</head>
<body>
<div class='pin'></div>
<div class="cen" ></div>
<div class='pulse'></div>
</body>
</html>

❤2👍1

728 views02:41

HTML & CSS PROGRAMMING

<html>
<head>

<title>Title</title>

<table border="10"width="200"height="250"align="center"bgcolor="blue">
<tr>
<th><h1>NADAN<BR>PARINDE</h1></th>
</tr>
</table>
<table border="5"align="center">
<tr>
<td border="5"width="40"align="center">{}</td>
<td border="5"width="90"align="center" rowspan="2">OK</td>
<td border="5"width="40"align="center">)(</td>
</tr>
<tr>
<td border="5"width="40"align="center">{}</td>
<td border="5"width="40"align="center">{}</td>
</tr>
</table>
<table border="5"align="center">
<tr>
<td border="5"width="57"align="center">1</td>
<td border="5"width="56"align="center">2</td>
<td border="5"width="57"align="center">3</td>
</tr>
</table>

👍5❤1

996 views03:42

HTML & CSS PROGRAMMING

❤2👍1🔥1

1.09K views03:42

HTML & CSS PROGRAMMING

https://youtu.be/mClThg_b1lY

🥰2

781 views05:22

HTML & CSS PROGRAMMING

Subscribe our channel for termux hacking,python animation,coding,html ,telegram bot tips & trick related - 👉 https://youtube.com/@CODEBOMBS Subscribe our channel for termux hacking, designing, tips & trick, bot making related - 👉 https://youtube.com/@TECHINDNN

811 viewsનાदाન પरिंदे..., edited 03:41

About

Blog

Apps

Platform