HTML
x
1
2
<html>3
<head>4
<title>Title</title>5
</head>6
<body>7
<h1>Hello World...</h1>8
<p>Welcome to <span id="my_id"></span></p>9
<p>It is HTML, CSS, and Javascript live preview editor.</p>10
<p style="font-style:italic">Try to edit or write your own code. It's magic!</p>11
<p>The window editor is also resizable.</p>12
<h2>13
Am I Like <span>codepen.io</span> or <span>JSFiddle</span> ?14
</h2>15
</body>16
</html>17
CSS
16
1
/* CSS code is here */2
h1 {3
font-family: sans-serif;4
color: red;5
font-weight: normal;6
}7
#my_id {8
background: #0A85A1;9
color: white;10
padding: .3rem;11
border-radius: 3px;12
}13
h2 span {14
color: #0099CC;15
}16
JavaScript
3
1
// javascript code is here2
document.getElementById("my_id").innerHTML = "Kviabe.com";3
Output: