------------------------------
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
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
Program to print hello world in html
<!DOCTYPE html>
<html>
<head>
<title>Hello, World!</title>
</head>
<body>
<h1>Hello, World!</h1>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Hello, World!</title>
</head>
<body>
<h1>Hello, World!</h1>
</body>
</html>
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
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
<!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>
<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
<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>
<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
<table border="5"align="center">
<tr>
<td border="5"width="57"align="center">4</td>
<td border="5"width="56"align="center">5</td>
<td border="5"width="57"align="center">6</td>
</tr>
</table>
<table border="5"align="center">
<tr>
<td border="5"width="57"align="center">7</td>
<td border="5"width="56"align="center">8</td>
<td border="5"width="57"align="center">9</td>
</tr>
</table>
<table border="5"align="center">
<tr>
<td border="5"width="57"align="center">*</td>
<td border="5"width="56"align="center">0</td>
<td border="5"width="57"align="center">#</td>
</tr>
</table>
</body>
</html>
<tr>
<td border="5"width="57"align="center">4</td>
<td border="5"width="56"align="center">5</td>
<td border="5"width="57"align="center">6</td>
</tr>
</table>
<table border="5"align="center">
<tr>
<td border="5"width="57"align="center">7</td>
<td border="5"width="56"align="center">8</td>
<td border="5"width="57"align="center">9</td>
</tr>
</table>
<table border="5"align="center">
<tr>
<td border="5"width="57"align="center">*</td>
<td border="5"width="56"align="center">0</td>
<td border="5"width="57"align="center">#</td>
</tr>
</table>
</body>
</html>
❤2👍1🔥1
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
🔰 join ᴏᴜʀ ᴀʟʟ ᴄʜᴀɴɴᴇʟs for coding 🔰
ᴛᴇʀᴍᴜx ʜᴀᴄᴋɪɴɢ ᴄʟɪᴄᴋ ʜᴇʀᴇ
ᴛᴇʀᴍᴜx ᴄᴏᴍᴍᴀɴᴅ ᴄʟɪᴄᴋ ʜᴇʀᴇ
ᴛᴇʀᴍᴜx ᴛʀɪᴄᴋs ᴄʟɪᴄᴋ ʜᴇʀᴇ
ᴘʜᴘ ʟᴀɴɢᴜᴀɢᴇs ᴄʟɪᴄᴋ ʜᴇʀᴇ
ᴄ ᴘʀᴏɢʀᴀᴍᴍɪɴɢ ᴄʟɪᴄᴋ ʜᴇʀᴇ
ᴄ++ ʟᴀɴɢᴜᴀɢᴇ ᴄʟɪᴄᴋ ʜᴇʀᴇ
ᴄ# ʟᴀɴɢᴜᴀɢᴇ ᴄʟɪᴄᴋ ʜᴇʀᴇ
ᴊᴀᴠᴀ ʟᴀɴɢᴜᴀɢᴇ ᴄʟɪᴄᴋ ʜᴇʀᴇ
ᴄss ʟᴀɴɢᴜᴀɢᴇ ᴄʟɪᴄᴋ ʜᴇʀᴇ
ᴘʏᴛʜᴏɴ ʟᴀɴɢᴜᴀɢᴇ ᴄʟɪᴄᴋ ʜᴇʀᴇ
ᴛʏᴘᴇsᴄʀɪᴘᴛ ᴄʟɪᴄᴋ ʜᴇʀᴇ
ᴊᴀᴠᴀsᴄʀɪᴘᴛ ᴄʟɪᴄᴋ ʜᴇʀᴇ
ʜᴛᴍʟ ʟᴀɴɢᴜᴀɢᴇ ᴄʟɪᴄᴋ ʜᴇʀᴇ
ᴛᴇʀᴍᴜx ʜᴀᴄᴋɪɴɢ ᴄʟɪᴄᴋ ʜᴇʀᴇ
ᴛᴇʀᴍᴜx ᴄᴏᴍᴍᴀɴᴅ ᴄʟɪᴄᴋ ʜᴇʀᴇ
ᴛᴇʀᴍᴜx ᴛʀɪᴄᴋs ᴄʟɪᴄᴋ ʜᴇʀᴇ
ᴘʜᴘ ʟᴀɴɢᴜᴀɢᴇs ᴄʟɪᴄᴋ ʜᴇʀᴇ
ᴄ ᴘʀᴏɢʀᴀᴍᴍɪɴɢ ᴄʟɪᴄᴋ ʜᴇʀᴇ
ᴄ++ ʟᴀɴɢᴜᴀɢᴇ ᴄʟɪᴄᴋ ʜᴇʀᴇ
ᴄ# ʟᴀɴɢᴜᴀɢᴇ ᴄʟɪᴄᴋ ʜᴇʀᴇ
ᴊᴀᴠᴀ ʟᴀɴɢᴜᴀɢᴇ ᴄʟɪᴄᴋ ʜᴇʀᴇ
ᴄss ʟᴀɴɢᴜᴀɢᴇ ᴄʟɪᴄᴋ ʜᴇʀᴇ
ᴘʏᴛʜᴏɴ ʟᴀɴɢᴜᴀɢᴇ ᴄʟɪᴄᴋ ʜᴇʀᴇ
ᴛʏᴘᴇsᴄʀɪᴘᴛ ᴄʟɪᴄᴋ ʜᴇʀᴇ
ᴊᴀᴠᴀsᴄʀɪᴘᴛ ᴄʟɪᴄᴋ ʜᴇʀᴇ
ʜᴛᴍʟ ʟᴀɴɢᴜᴀɢᴇ ᴄʟɪᴄᴋ ʜᴇʀᴇ