API tools faq
paste
Advertisement
iamos

HTML_Online_04

iamos
Feb 12th, 2014
103
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 8.59 KB | None | 0 0
raw download clone embed print report
  1. <head>
  2.     <title>Intro</title>
  3.     <meta charset="utf-8">
  4.     <style type="text/css">
  5.         body{
  6.             margin: 0;
  7.             padding: 0;
  8.             background-image: url('http://newevolutiondesigns.com/images/freebies/white-wallpaper-preview-18.jpg');
  9.         }
  10.         h1{
  11.             font-family: fantasy;
  12.         }
  13.         td{
  14.             width: 130px;
  15.         }
  16.         a:link {color:#FF0000;}    /* unvisited link */
  17.         a:visited {color:#00FF00;} /* visited link */
  18.         a:hover {color:#FF00FF;}   /* mouse over link */
  19.         a:active {color:#0000FF;}  /* selected link */
  20.         td:hover {background-color:#bbaaff;}
  21.         input:hover {background-color:#aabbcc;}
  22.  
  23.         .db{
  24.             background-color:  #ff4419;
  25.             color : #999999;
  26.         }
  27.         .data{
  28.             background-color:  #00a0f3;
  29.             color: #66ff00;
  30.         }
  31.         .os{
  32.             background-color: #68269a;
  33.             color:  #990000;
  34.         }
  35.         .algorithm{
  36.             background-color: #549000;
  37.             color:  #ccff00;
  38.         }
  39.         .system{
  40.             background-color: #69b319;
  41.             color: #ff99ff;
  42.         }
  43.         .smash{
  44.             background-color: #9eccc7;
  45.             color: #ffcc66;
  46.         }
  47.         .arch{
  48.             background-color: #ffd6ed;
  49.             color: #ff0000;
  50.         }
  51.         #intro{
  52.             text-align: center;
  53.             float: left;
  54.         }
  55.         #my{
  56.             float: left;
  57.             clear;
  58.         }
  59.         #motto{
  60.             background-color: black;
  61.             color: white;
  62.         }
  63.         #mybirth{
  64.             background-color: #aabbcc;
  65.         }
  66.         #myhobby{
  67.             color: #660000;
  68.             font:italic bold 15px/30px Georgia,serif;
  69.         }
  70.         #ref{
  71.             color: #99cc00;
  72.         }
  73.         #ph{
  74.             font:italic bold 20px/30px Georgia,serif;
  75.             color: #996666;
  76.         }
  77.         #contact{
  78.             font:20px Georgia;
  79.             color : #707070;
  80.         }
  81.         #aw{
  82.             font: 20px serif;
  83.             color :#ff0099;
  84.         }
  85.         #exp{
  86.             font: italic bold 20px;
  87.             color :#FFFF00;
  88.         }
  89.         #pic{
  90.             box-shadow: 5px 5px 5px black;
  91.         }
  92.         #box3{
  93.             clear: left;
  94.         }
  95.         /*#box4{
  96.             float: left;
  97.         }*/
  98.     </style>
  99. </head>
  100. <body>
  101.     <div>
  102.         <div id="intro">
  103.             <h1>
  104.             Intro : Oh Seok KWON
  105.             </h1>
  106.             <img id="pic" src="http://pds3.egloos.com/pds/200707/17/02/e0046902_02073775.jpg" width="300" height="200" >
  107.         </div>
  108.         <div id="my">
  109.             <ul>
  110.                 <li id="motto">인생 좌우명</li>
  111.                     <p>
  112.                         즐기면서 살자!
  113.                     </p>
  114.  
  115.                 <li id="mybirth">출생</li>
  116.                     <p>
  117.                         1993.12.30
  118.                     </p>
  119.  
  120.                 <li id="myhobby">취미 / 좋아하는 것 </li>
  121.                     <p>
  122.                         악기 가지고 놀기
  123.                     </p>
  124.  
  125.                 <li id="ref">페이지 만들면서 참고한 곳 </li>
  126.                     <p>
  127.                         <a href="www.w3schools.com" >www.w3schools.com</a><br>
  128.                         <a href = "www.htmldog.com">www.htmldog.com</a>
  129.                     </p>
  130.             </ul>
  131.         </div>
  132.     </div>
  133.     <div id="box3">
  134.         <hr>
  135.         <h1 id="time_table">Time Table</h1>
  136.         <table border="1">
  137.             <thread>
  138.                 <tr>
  139.                     <td>교시</td><td>월요일</td><td>화요일</td><td>수요일</td><td>목요일</td><td>금요일</td><td>토요일</td>
  140.                 </tr>
  141.             </thread>
  142.             <tbody>
  143.                 <tr>
  144.                 <td>1교시<br>(08:00~08:30)</td>
  145.                 <td></td>
  146.                 <td></td>
  147.                 <td></td>
  148.                 <td></td>
  149.                 <td></td>
  150.                 <td></td>
  151.             </tr>
  152.             <tr>
  153.                 <td>2교시<br>(08:30~09:00)</td>
  154.                 <td></td>
  155.                 <td></td>
  156.                 <td></td>
  157.                 <td></td>
  158.                 <td></td>
  159.                 <td></td>
  160.             </tr>
  161.             <tr>
  162.                 <td>3교시<br>(09:00~09:30)</td>
  163.                 <td></td>
  164.                 <td rowspan="3" class="system">시스템 소프트웨어<br>강경태</td>
  165.                 <td></td>
  166.                 <td></td>
  167.                 <td rowspan="3" class="system">시스템 소프트웨어<br>강경태</td>
  168.                 <td></td>
  169.             </tr>
  170.             <tr>
  171.                 <td>4교시<br>(09:30~10:00)</td>
  172.                 <td></td>
  173.                 <td></td>
  174.                 <td></td>
  175.                 <td></td>
  176.                 <!-- <td></td> -->
  177.                 <!-- <td></td> -->
  178.             </tr>
  179.             <tr>
  180.                 <td>5교시<br>(10:00~10:30)</td>
  181.                 <td></td>
  182.                 <td></td>
  183.                 <td></td>
  184.                 <td></td>
  185.                 <!-- <td></td> -->
  186.                 <!-- <td></td> -->
  187.             </tr>
  188.             <tr>
  189.                 <td>6교시<br>(10:30~11:00)</td>
  190.                 <td rowspan="3" class="data">데이타 통신공학<br>조성현</td>
  191.                 <td rowspan="3" class="algorithm">알고리즘 설계와 분석<br>김태형</td>
  192.                 <td rowspan="3" class="os">운영체제론<br>강경태</td>
  193.                 <td></td>
  194.                 <td rowspan="3" class="algorithm">알고리즘 설계와 분석<br>김태형</td>
  195.                 <td></td>
  196.             </tr>
  197.             <tr>
  198.                 <td>7교시<br>(11:00~11:30)</td>
  199.                 <td></td>
  200.                 <td></td>
  201.                 <!-- <td></td> -->
  202.                 <!-- <td></td> -->
  203.                 <!-- <td></td> -->
  204.                 <!-- <td></td> -->
  205.             </tr>
  206.             <tr>
  207.                 <td>8교시<br>(11:30~12:00)
  208.                 <td></td>
  209.                 <td></td>
  210.                 <!-- <td></td> -->
  211.                 <!-- <td></td> -->
  212.                 <!-- <td></td> -->
  213.                 <!-- <td></td> -->
  214.             </tr>
  215.             <tr>
  216.                 <td>9교시<br>(12:00~12:30)</td>
  217.                 <td></td>
  218.                 <td></td>
  219.                 <td></td>
  220.                 <td></td>
  221.                 <td></td>
  222.                 <td></td>
  223.             </tr>
  224.             <tr>
  225.                 <td>10교시<br>(12:30~13:00)</td>
  226.                 <td></td>
  227.                 <td></td>
  228.                 <td></td>
  229.                 <td></td>
  230.                 <td></td>
  231.                 <td></td>
  232.             </tr>
  233.             <tr>
  234.                 <td>11교시<br>(13:00~13:30)</td>
  235.                 <td></td>
  236.                 <td rowspan="3" class="db">데이터베이스<br>이동호</td>
  237.                 <td></td>
  238.                 <td rowspan="3" class="data">데이타 통신공학<br>조성현</td>
  239.                 <td rowspan="3" class="os">운영체제 이론<br>강경태</td>
  240.                 <td></td>
  241.             </tr>
  242.             <tr>
  243.                 <td>12교시<br>(13:30~14:00)</td>
  244.                 <td></td>
  245.                 <td></td>
  246.                 <td></td>
  247.                 <!-- <td></td> -->
  248.                 <!-- <td></td> -->
  249.                 <!-- <td></td> -->
  250.             </tr>
  251.             <tr>
  252.                 <td>13교시<br>(14:00~14:30)</td>
  253.                 <td></td>
  254.                 <td></td>
  255.                 <td></td>
  256.                 <!-- <td></td> -->
  257.                 <!-- <td></td> -->
  258.                 <!-- <td></td> -->
  259.             </tr>
  260.             <tr>
  261.                 <td>14교시<br>(14:30~15:00)</td>
  262.                 <td></td>
  263.                 <td rowspan="3" class="arch">컴퓨터구조 <br>전창호</td>
  264.                 <td></td>
  265.                 <td></td>
  266.                 <td rowspan="3" class="db">데이터베이스<br>이동호</td>
  267.                 <td></td>
  268.             </tr>
  269.             <tr>
  270.                 <td>15교시<br>(15:30~16:00)</td>
  271.                 <td></td>
  272.                 <td rowspan="3" class="arch">컴퓨터구조<br>전창호</td>
  273.                 <td></td>
  274.                 <td></td>
  275.                 <!-- <td></td> -->
  276.                 <!-- <td></td> -->
  277.             </tr>
  278.             <tr>
  279.                 <td>16교시<br>(16:00~16:30)</td>
  280.                 <td></td>
  281.                 <td></td>
  282.                 <td></td>
  283.                 <!-- <td></td> -->
  284.                 <!-- <td></td> -->
  285.                 <!-- <td></td> -->
  286.             </tr>
  287.             <tr>
  288.                 <td>17교시<br>(16:30~17:00)</td>
  289.                 <td></td>
  290.                 <td rowspan="4" class="db">데이터베이스 실습<br>이동호</td>
  291.                 <td></td>
  292.                 <td rowspan="4" class="smash">SMaSH 프로젝트 1<br>김인성</td>
  293.                 <td></td>
  294.                 <!-- <td></td> -->
  295.             </tr>
  296.             <tr>
  297.                 <td>18교시<br>(17:00~17:30></td>
  298.                 <td></td>
  299.                 <td></td>
  300.                 <td></td>
  301.                 <td></td>
  302.                 <!-- <td></td> -->
  303.                 <!-- <td></td> -->
  304.             </tr>
  305.             <tr>
  306.                 <td>19교시<br>(17:30~18:00)</td>
  307.                 <td></td>
  308.                 <td></td>
  309.                 <td></td>
  310.                 <td></td>
  311.                 <!-- <td></td> -->
  312.                 <!-- <td></td> -->
  313.             </tr>
  314.             <tr>
  315.                 <td>20교시<br>(18:00~18:30)</td>
  316.                 <td></td>
  317.                 <td></td>
  318.                 <td></td>
  319.                 <td></td>
  320.                 <!-- <td></td> -->
  321.                 <!-- <td></td> -->
  322.             </tr>
  323.             </tbody>
  324.             <tfoot></tfoot>
  325.         </table>
  326.         <br>
  327.     </div>
  328.     <div id="box4">
  329.         <form>
  330.             <h1 id="resume">R E S U M E</h1>
  331.             <hr>
  332.             <div id="ph">
  333.             <h4>Personal History</h4>
  334.             Photo : <input type="image" src="http://placehold.it/120x170"/ id="photo"><br>
  335.             Given Name : <input type="text" name="given_name">Family Name  : <input type="text" name="family_name"><br>
  336.             Sex :  <input id="man" type="radio" name="gender" value="m" />
  337.             <label for="man">Male</label>
  338.              <input id="woman" type="radio" name="gender" value="w" />
  339.              <label for="woman">Female</label> <br>
  340.  
  341.             Age : <input type="text" name="age">
  342.             Date of Bitrh : <input type="date" name="birth" ><br>
  343.             Marital     : <input type="radio" name="marital" value="Y">
  344.             <label for="Married">Married</label>
  345.             <input type="radio" name="marital" value="N">
  346.             <label for="Single"> Single</label>
  347.             </div>
  348.             <hr>
  349.             <div id="contact">
  350.             <h4>Contact</h4>
  351.             Address  : <input type="text" name="address"><br>
  352.             Mobile : <input type="text" name="Mobile" ><br>
  353.             E-mail : <input type="email" name="Email" ><br>
  354.             </div>
  355.             <hr>
  356.             <div id="aw">
  357.             <h4>About Work</h4>
  358.             Days Willing to work : <select>
  359.                     <option>Once a Week</option>
  360.                     <option>2</option>
  361.                     <option>3</option>
  362.                     <option>4</option>
  363.                     <option>5</option>
  364.                     <option>6</option>
  365.                     <option>EveryDay</option>
  366.                 </select><br>
  367.             When Available to Start : <input type="date" name="avaliable"><br>
  368.             Position Applying for Staff  : <select>
  369.                     <option>Full-time</option>
  370.                     <option>Part-time</option>
  371.                     <option>Casual</option>
  372.                 </select><br>
  373.             <hr>
  374.             </div>
  375.             <div id="exp">
  376.             Previous Work Experience : <textarea name="work_exp" cols="50" rows="5"></textarea><br>
  377.             <input type="submit" name="submit" value="submit">  
  378.             <input type="reset" name="reset" value="reset">
  379.             <hr>
  380.             </div>
  381.         </form>
  382.     </div>
  383. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!