HTML & CSS PROGRAMMING
4.22K subscribers
308 photos
18 videos
79 files
108 links
https://t.me/addlist/oJIs6WVKrqBmMWQ1

Hello! I am @Myhurthearts and welcome to the Coding channel! Here we can learn all things related to coding and improve our skills , just let me know!
Download Telegram
Channel created
------------------------------
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>
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>
👍32🔥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>
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>
👍51
<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>
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ᴄʀɪᴘᴛ ᴄʟɪᴄᴋ ʜᴇʀᴇ
ʜᴛᴍʟ ʟᴀɴɢᴜᴀɢᴇ ᴄʟɪᴄᴋ ʜᴇʀᴇ
Jiske pass Laptop nhi hai 👇
Mobile best Compiler's

C Compiler Click Here
C++ Compiler Click Here
Python Compiler Click Here
Java Compiler Click Here
Sql Compiler Click Here

Universal Compilers for mobile

Replit (web or app) Click Here
Jdoodle(web or app) Click Here
Programize (web) Search web
Join for all programming language more than 30+ channel you must join here useful channel like programming, hacking, notes everything 😁``

👉 https://t.me/addlist/5MDFVZjV1Yo2NWI1
👍1
<!DOCTYPE html>
<html>
<head>
<title> Hello World! </title>
</head>
<body>
<h1> Lorem ipsum dolor sit amet. </h1>
<p> This is a paragraph. </p>
</body>
</html>
🔥1😁1