<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>KJH</title>
<style>
/*---------------- step 1 ------------------*/
#header {
background-color:white;
color:white;
text-align:center;
padding:5px;
}
#section {
border-radius: 25px;
background-color:gray;
width:360px;
float:left:auto;
padding:5px;
}
#section1 {
border-radius: 25px;
background-color:green;
width:360px;
float:left:auto;
padding:5px;
}
#article {
border-radius: 25px;
background-color:yellow;
width:360px;
float:left:auto;
padding:5px;
}
#footer {
background-color:black;
color:white;
clear:both;
text-align:center;
padding:5px;
}
/*---------------- step 2 ------------------*/
/* unvisited link */
a:link {
color: black;
}
/* visited link */
a:visited {
color: red;
}
/* mouse over link */
a:hover {
color: hotpink;
}
/* selected link */
a:active {
color: blue;
}
/*---------------- step 3 ------------------*/
ul.a {
list-style-type: circle;
}
ul.b {
list-style-type: square;
}
ol.c {
list-style-type: upper-roman;
}
ol.d {
list-style-type: lower-alpha;
}
/*---------------- step 4 ------------------*/
table, th, td {
border: 1px solid black;
}
</style>
</head>
<body>
<div id="header">
<h1><a href="http://sleep4725.tistory.com">-----------<< Alan Turing >>-----------</a></h1>
</div>
<div id="section">
<p>1. Math</p>
<ol Class="d">
<li>[1-1]--< linear Algebra ></li>
<li>[1-2]--< Calculus ></li>
<li>[1-3]--< Elementary Number Theory ></li>
</ol>
<p>2. Computer</p>
<ol Class="c">
<li>-------- [2-1] Language --------</li>
<ol Class="d">
<table>
<tr>
<th><li>C</li></th>
<th><a href="http://sleep4725.tistory.com/category/%EC%96%B8%EC%96%B4/c%EC%96%B8%EC%96%B4">connect</a></th>
</tr>
<tr>
<th><li>C++</li></th>
<th><a href="http://sleep4725.tistory.com/category/%EC%96%B8%EC%96%B4/c++">connect</a></th>
</tr>
<tr>
<th><li>Java</li></th>
<th><a href="http://sleep4725.tistory.com/category/%EC%96%B8%EC%96%B4/java">connect</a></th>
</tr>
<tr>
<th><li>Python</li></th>
<th><a href="http://sleep4725.tistory.com/category/%EC%96%B8%EC%96%B4/python">connect</a></th>
</tr>
<tr>
<th><li>Ruby</li></th>
<th><a href="http://sleep4725.tistory.com/category/%EC%96%B8%EC%96%B4/Ruby">connect</a></th>
</tr>
<tr>
<th><li>Go</li></th>
<th><a href="http://sleep4725.tistory.com/category/%EC%96%B8%EC%96%B4/Go">connect</a></th>
</tr>
<tr>
<th><li>Arduino</li></th>
<th><a href="">connect</a></th>
</tr>
</table>
</ol>
</ol>
</div>
<div id="section1">
<ol Class="c">
<li>Network</li>
<li>Linux</li>
</ol>
</div>
<div id="article">
<p>[ Link ]</p>
<ol Class="c">
<li>-------- --------</li>
<ol Class="d">
<li><a href="http://sleep4725.tistory.com">--< NewYork Times ></a></li>
<li><a href="https://www.codecademy.com">--< Codecademy ></a></li>
<li><a href="https://www.youtube.com/">--< Utubu ></a></li>
<li><a href="https://www.naver.com">--< Naver ></a></li>
</ol>
</ol>
</div>
</body>
</html>
