html 파 ¶
<html> <head> <title>판</title> <link rel='stylesheet' type='text/css' href='style.css' media='all'> </head> <body> <div id='basewindow'> <div id='chugoong'>하</div> <div id='jesi'>하</div> <div id='item_box'><span class='keyword'><br><br><br><br><br>hello</span></div> <div id='item_pic'></div> <div id='item_text'></div> <!--<div id='human'></div>--> <div id='name'> </div> <div id='text'> 화. <span class='think'>(span 했)</span><br> 키 <span class='keyword'>키!!</span> ㅎㅎ </div> </div> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> 화크 x2 . </body> </html>
css 파 ¶
#basewindow { /* 화*/ width : 480px; height : 320px; background-color : black; color : white; position : absolute; top : 0px; left : 0px; } #text { /*화*/ width : 460px; height : 75px; background-color : royalblue; padding : 10px; position : absolute; top : 225px; left : 0px; } #human { /* 화*/ width : 256px; height : 285px; background-color : olive; position : absolute; top : 35px; left : 116px; } #name { /*(텍트 )*/ width : 90px; height : 25px; background-color : gray; position : absolute; top : 200px; left : 0px; } #chugoong { /* 하*/ width : 128px; height : 32px; background-color : gray; position : absolute; top : 0px; left : 0px; } #jesi{ /* 하*/ width : 128px; height : 32px; background-color : gray; position : absolute; top : 0px; left : 352px; } #item_box { /*하 템 */ width : 480px; height : 150px; background-color : green; position : absolute; top : 35px; } #item_pic { /*템 템 */ width : 130px; height : 130px; background-color : transparent; position : absolute; top : 45px; left : 10px; } #item_text { /*템 */ width : 280px; height : 130px; background-color : skyblue; position : absolute; top : 45px; left : 170px; } span.text { /*화 */ color : white; } span.think { /*화 할 */ color : #FB84E9; } span.keyword { /*키 */ color : red; } span.date { /* 할 */ color : yellow; }
파 한 HTML ¶
HTML파 JavaScript 한.
<html> <head> <title>판</title> <link rel='stylesheet' type='text/css' href='style.css' media='all'> <!-- 한 .--> <SCRIPT Language="JavaScript"> <!-- contents=new Array(); // javascript파 . i=0; function changetext(){ // text 함. document.getElementById('text').innerHTML = contents[i] i++ } --></Script> <script language="javascript" SRC="./contents.js"></script> // javascript파('contents.js') . <!----> </head> <body> <div id='basewindow'> 화 <div id='chugoong'>하</div> <div id='jesi'>하</div> <div id='item_box'></div> <div id='item_pic'></div> <div id='item_text'></div> <div id='name'> </div> <div id='text' Onclick="changetext()"> 화. <span class='think'>(span 했)</span><br> 키 <span class='keyword'>키!!</span> ㅎㅎ </div> </div> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> 화크 x2 . </body> </html>= 파 (contents.js)=
contents[0] = "1" contents[1] = "2" contents[2] = "3" contents[3] = "4" contents[4] = "5" contents[5] = "6" contents[6] = "7" contents[7] = "8" contents[8] = "9" contents[9] = "10" contents[10] = "11" contents[11] = "12" contents[12] = "13" contents[13] = "14" contents[14] = "15" contents[15] = "16" contents[16] = "17" contents[17] = "18" contents[18] = "19" contents[19] = "20" contents[20] = "21" . . .