프로그래밍 언어 선택
HTML5
CSS3
JavaScript
jQuery
PHP7
Python
코드 편집
실행하기
<!DOCTYPE HTML> <html lang="ko"> <head> <meta charset="UTF-8" /> <title>미리보는 HTML</title> </head> <body> <h1>여기는 H1 태그입니다.</h1> <h2>여기는 H2 태그입니다.</h2> </body> </html>
p { color: skyblue; font-size: 30px; text-shadow: 3px 3px 3px skyblue, 3px 3px 10px hotpink; }
<!DOCTYPE HTML> <html lang="ko"> <head> <meta charset="UTF-8" /> <title>미리보는 CSS</title> <!-- 아래 태그를 삭제하시면 CSS 적용이 되지 않습니다. --> <link rel="stylesheet" href="style.css" /> </head> <body> <p>CSS를 사용하면 이렇게 글씨를 아름답게 꾸밀수도 있지요.</p> </body> </html>
function getRandomColor(){ var letters = "0123456789ABCDEF"; var color = "#"; for(var i = 0; i < 6; i++){ color += letters[Math.floor(Math.random() * 16)]; } return color; } setInterval(function(){ document.body.style.background = getRandomColor(); }, 1000);
<!DOCTYPE HTML> <html lang="ko"> <head> <meta charset="UTF-8" /> <title>미리보는 JavaScript</title> </head> <body> <p>JavaScript를 사용하면 배경을 1초마다 바꿀수도 있지요.</p> <!-- 아래 태그를 삭제하시면 JS 적용이 되지 않습니다. --> <script src="script.js"></script> </body> </html>
$(document).ready(function(){ $("p").animate({ top: 100, left: 200 }, function(){ $("p").animate({ top: 50, left: 50 }, function(){ $("p").animate({ top: 0, left: 20 }); $("p").css("font-size", "30px"); }); }); });
<!DOCTYPE HTML> <html lang="ko"> <head> <meta charset="UTF-8" /> <title>미리보는 jQuery</title> <style> p { color: skyblue; font-size: 50px; text-shadow: 3px 3px 3px skyblue, 3px 3px 10px hotpink; position: absolute; left: 0; top: 0; } </style> <!-- 아래 태그를 삭제하시면 jQuery 적용이 되지 않습니다. --> <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script> </head> <body> <p>jQuery를 사용하면 JavaScript보다 짧은 코드로 더욱 많은 일을 할 수 있습니다.</p> <!-- 아래 태그를 삭제하시면 JS 적용이 되지 않습니다. --> <script src="script.js"></script> </body> </html>
<?php $word1 = "PHP는 서버사이드 언어로 화면 뒤에서 데이터베이스에 접근등 여러가지 일을 처리해요."; ?> <!DOCTYPE HTML> <html lang="ko"> <head> <meta charset="UTF-8" /> <title>미리보는 PHP</title> </head> <body> <p><?= $word1; ?></p> </body> </html>
#-*- coding: utf-8 -*- print("Python을 사용하여 50회 반복 출력을 시작하겠습니다.") for number in range(50): print("%d번째 출력입니다." % (number + 1))
실행 결과