요렇게 프로젝트를 생성해주자~~




html5를 선택해서 파일을 생성하자..



서버는 HTTP Preview로 사용하자~~




<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" >
		<title>HTML</title>
		<style type="text/css">
			div { background-color: fuchsia ; 
				   margin-bottom: 5px;
			  } 
		</style>
	</head>
	<body>
		<p id="p0">   안녕하세요 </p>
	   <div id="div0" > 첫번째 div  </div>
	   <div id="div1" style="background-color:yellow; height:50px; width:200px; ">
	   	 두 번째 div 
	    </div>
	   <div id="div2" style="background-color:brown;">  2 </div>	
	      	
	   <script>
	   		div0=document.getElementById("div0");   // Element를 찾아라
	   		div0Text=div0.innerHTML;                // Element의 TEXT
	   		document.write(div0Text);               // 현재위치에 write해라
	   		//alert(div0Text);                      // 경고창을 띄어라 
	   		
	   		// p0의 text "안녕하세요" 를 div2안에 넣으세요 hint : getElement~, innerHTML
	   		//1. p0을 찾는다. 
	   		      p0=document.getElementById("p0");
	   		//2. p0의 TEXT를 가져온다.
	   		      p0Text = p0.innerHTML;
	   		//3. div2를 찾는다.
	   		      div2=document.getElementById("div2");
	   		//4. div2의 TEXT에 p0의 TEXT를 넣는다. 
	   		      div2.innerHTML = p0Text;
	   </script>
	   
	</body>
</html>






'HTML' 카테고리의 다른 글

banner 연습  (0) 2012.05.30

+ Recent posts