<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <title>자바스크립트 시작</title>

</head>
<body>

<h3>안녕하세요.</h3>  <!-- HTML레벨(기본기능) -->

<h3 style="color:red;">반갑습니다.</h3> <!-- CSS레벨(HTML에 "색상", "크기", "모양" 관련 기능추가) -->

<h3 style="color:blue;background-color:yellow;"
 onclick="alert('클릭하셨군요.');"
>또 만나요.</h3> <!-- JavaScript레벨(HTML, CSS기능에 더하여 "동적인 기능"추가) -->

</body>
</html>

<!--
- HTML에 동적인 기능을 주고자 할 때 JavaScript를 사용한다.
- "onclick"은 JavaScript로 '동적기능'을 줄 때 주로 쓰이는 이벤트핸들러이다.
-->


< 실행결과 >




Posted by holland14
: