ZeroPage 200 OK/소스: Difference between revisions

Revision as of 12:33, 4 July 2012

2012.07.04

오늘 했던 거 거의 다 때려 박은 소스임...;;
- 필요하면 수정도 좀- - 권순의

<!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" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title>title</title>
    <style>
    li > span {background-color: gray;}
    li ul {display: none;}
    .menu > li:hover > span {background-color: blue; color: white;} /* (elementName)(.elementName)(:pseudo-class) */
    li:hover ul {display: block;}
    div.alert {
    	width: 200px;
		height: 150px;
		border:1px solid black;
		<!--position: absolute;--> <!-- books 위로 올라오게 됨 -->
		position: fixed;
		bottom: 0px;
		background-color: white;
		<!--float: left;-->
    }
    </style>
</head>
<body>
    <h1>Books</h1><!-- head는 block(영역을 잡음)의 개념이라 inline(글자처럼 취급)이 되면 아래 이미지가 위로 올라옴-->
    <ul class="menu"> <!-- unordered list -->
        <li>
        	<span>File</span>
        	<ul>
        		<li>
        			<span>New</span>
        		</li>
        	</ul>
        </li> <!-- list item -->
        <li>b</li>
        <li>
        	<ol >
        	</ol>
        </li>
    </ul>
    <ol class="menu"> <!-- ordered list -->
    	<li><span>a</span></li>
    	<li>b</li>
    </ol>
    <span><!--span 안에 style="color: red;"를 css로 뺄 수 있음-->HaHa</span>
    <!-- span: inline element -->
    <span>zz</span>
    <div>hahaha</div><!-- div: block element -->
    <div>hahahaha</div>
    <img src = "http://jsfiddle.net/img/social-icons/facebook_16.png" alt="Facebook" />
    <table border="1" style="margin: 10px;" summary="books_const">
        <tr><!-- table row -->
            <th rowspan="2">price</th><!-- table head cell -->
            <td>5,000 won</td><!-- table data cell -->
        </tr>
        <tr>
            <td>5</td>
        </tr>
        <tr>
            <td colspan="2">25,000 won</td>
        </tr>
    </table>
    aaa<div class="alert">1이 내용이 올라옵니다.</div><div class="alert">2가 내용이 올라옵니다.</div>bbb
</body>
</html>

2012년활동지도, ZeroPage_200_OK

@@ Line 2: / Line 2: @@
 == 2012.07.04 ==
 * 오늘 했던 거 거의 다 때려 박은 소스임...;;
-** 필요하면 수정도 좀-
+** 필요하면 수정도 좀- - [[권순의]]
   &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;