index.html

<!doctype html>
<html>
<head>
  <meta charset = "utf-8"/>
  <meta name = "viewport" content = "width = device-width, initial-scale = 1"/>
  <style>
    header, nav, section, article, aside, footer {border:1px solid gray; margin:5px; padding:8px; width:1000px;}
    header #headMenu {float:right; border:solid 1px gray; margin:20px 0 0 0;}
    header ul {margin:0; padding:0;}
    header ul li {display:inline; margin:5px;}
    header img {width:990px; height:200px;}
    section {width:750px; float:left;}
    section section {width:725px; float:left;}   
    aside {width:221px; float:left; line-height:30px;}
    aside ul {margin:0; padding:0;}
    aside ul li {display:block; margin:5px;}
    aside ul li img {width:50px; height:50px;}
    footer {height:50px; clear:both;}
    nav ul {margin:0; padding:0;}
    nav ul li {display:inline; margin:5px;}
    a:link { color:blue; background-color:transparent; text-decoration:none; }
    a:visited { color:purple; background-color:transparent; text-decoration:none; }
    a:hover { color:red; background-color:transparent; text-decoration:underline; }
    a:active { color:blue; background-color:transparent; text-decoration:none; }
  </style>
  <title>인터넷 프로그래밍</title>
</head>
<body>
  <header><h1 id="aList">HTML 과제 목록</h1></header>
  <nav>
    <a>북마크 이동 : </a>
    <a href="#chapter1">제 1장</a>
    <a href="#chapter2">제 2장</a>
    <a href="#chapter3">제 3장</a>
    <a href="#chapter3-2">제 3-2장</a>
    <a href="#chapter4">제 4장</a>
    <a href="#chapter4-2">제 4-2장</a>
    <a href="#chapter5">제 5장</a>
    <a href="#chapter6">제 6장</a>
    <a href="#chapter7">제 7장</a>
    <a href="#chapter9">제 9장</a>
    <a href="#chapter9-2">제 9-2장</a>
    <a href="#chapter10">제 10장</a>
    <a href="#chapter11">제 11장</a>
    <a href="#chapter12">제 12장</a>
    <a href="#chapter12-2">제 12-2장</a>
    <a href="#chapter13">제 13장</a>
  </nav>
  <section>
  <ul style="list-style-type:square">
    <li><h3 id="chapter1">1주차</h3>
      <ol>     
        <li><a href="https://usrcheat.github.io" target="_blank">자바스크립트 환영!</a></li>
      </ol>
    </li>
    <li><h3 id="chapter2">2주차</h3>
      <ol>
        <li><a href="https://usrcheat.github.io/basicHtml.html" target="_blank">HTML 기본 예제</a></li>
        <li><a href="https://usrcheat.github.io/20190313/globalAttr.html" target="_blank">글로벌 속성 </a></li>
        <li><a href="https://usrcheat.github.io/20190313/globalEvent.html" target="_blank">글로벌 이벤트 핸들러</a></li>
        <li><a href="https://usrcheat.github.io/20190313/koreaAnthem.html" target="_blank">애국가 4절</a></li>           
      </ol>
    </li>
    <li><h3 id="chapter3">3주차</h3>
      <ol>
        <li><a href="https://usrcheat.github.io/20190320/headBasic.html" target="_blank">&lt;head&gt; 기본 엘리먼트</a></li>
        <li><a href="https://usrcheat.github.io/20190320/bodyBasic.html" target="_blank">&lt;body&gt; 기본 엘리먼트</a></li>
        <li><a href="https://usrcheat.github.io/20190320/koreaAnthem3.html" target="_blank">애국가 예제 3</a></li>
        <li><a href="https://usrcheat.github.io/20190320/basicHeading.html " target="_blank">소제목 예제</a></li>
        <li><a href="https://usrcheat.github.io/20190320/basicPBrHr.html" target="_blank">문단, 줄바꿈, 가로줄 예제</a></li>
        <li><a href="https://usrcheat.github.io/20190320/basicChar.html" target="_blank">글꼴 예제</a></li>
        <li><a href="https://usrcheat.github.io/20190320/koreaAnthem4.html" target="_blank">애국가 예제 4</a></li>
      </ol>
    </li>
    <li><h3 id="chapter3-2">3-2주차</h3>
      <ol>
        <li><a href="https://usrcheat.github.io/20190321/basicList.html" target="_blank">기본 목록 예제</a></li>
        <li><a href="https://usrcheat.github.io/20190321/basicDlist.html" target="_blank">기술 목록 예제</a></li>
        <li><a href="https://usrcheat.github.io/20190321/koreaAnthem5.html" target="_blank">애국가 예제 5</a></li>
        <li><a href="https://usrcheat.github.io/20190321/koreaAnthem6.html" target="_blank">애국가 예제 6</a></li>
        <li><a href="https://usrcheat.github.io/20190321/advTable.html" target="_blank">기본 테이블 예제</a></li>
        <li><a href="https://usrcheat.github.io/20190321/tableSpan.html" target="_blank">테이블 데이터 확장</a></li>
        <li><a href="https://usrcheat.github.io/20190321/advTable.html" target="_blank">테이블 Semantic 응용</a></li>
        <li><a href="https://usrcheat.github.io/20190321/advTable1.html" target="_blank">고급 테이블 예제</a></li>
        <li><a href="https://usrcheat.github.io/20190321/tableHw.html" target="_blank">테이블 태그 예제</a></li>
      </ol>
      <br/>
      <ul>
        <li><a href="https://usrcheat.github.io/schedule.html" target="_blank">스케쥴 과제</a></li>
      </ul>
    </li>
    <li><h3 id="chapter4">4주차</h3>
      <ol>
        <li><a href="https://usrcheat.github.io/20190327/divSpan.html" target="_blank">공간분할 &lt;div&gt;, &lt;span&gt; 예제</a></li>
        <li><a href="https://usrcheat.github.io/20190327/basicPDivSpan.html" target="_blank">&lt;p&gt;, &lt;div&gt;, &lt;span&gt; 예제</a></li>
        <li><a href="https://usrcheat.github.io/20190327/basicDiv.html" target="_blank">&lt;div&gt; 공간분할</a></li>
        <li><a href="https://usrcheat.github.io/20190327/advDiv.html" target="_blank">&lt;div&gt; css3 요소 응용</a></li>
        <li><a href="https://usrcheat.github.io/20190327/basicSemantic.html" target="_blank">시맨틱 예제</a></li>
        <li><a href="https://usrcheat.github.io/20190327/basicModel.html">&lt;style&gt; 삭제 모형</a></li>
      </ol>
    </li>
    <li><h3 id="chapter4-2">4-2주차</h3>
      <ol>
        <li><a href="https://usrcheat.github.io/20190328/anchor1.html" target="_blank">앵커 예제1</a></li>
        <li><a href="https://usrcheat.github.io/20190328/advAnchor.html" target="_blank">앵커 스타일 예제</a></li>
        <li><a href="https://usrcheat.github.io/20190328/basicSemantic1.html" target="_blank">시맨틱 앵커 예제</a></li>
        <li><a href="https://usrcheat.github.io/20190328/basicImage.html">이미지 링크 예제</a></li>
        <li><a href="https://usrcheat.github.io/20190328/basicSemantic2.html" target="_blank">시맨틱 이미지 예제</a></li>
        <li><a href="https://usrcheat.github.io/20190328/ismap.html" target="_blank">서버 사이드 이미지맵</a></li>
      </ol>
    </li>
    <li><h3 id="chapter5">5주차</h3>
      <ol>
        <li><a href="https://usrcheat.github.io/20190404/imageMap.html" target="_blank">이미지맵 좌표 </a></li>
        <li><a href="https://usrcheat.github.io/20190404/basicAudio.html" target="_blank">오디오 태그 예제 </a></li>
        <li><a href="https://usrcheat.github.io/20190404/basicVideo.html" target="_blank">비디오 태그 예제 </a></li>
        <li><a href="https://usrcheat.github.io/20190404/basicSemantic3.html" target="_blank">시맨틱 예제 3 </a></li>
        <li><a href="https://usrcheat.github.io/20190404/anchor2.html" target="_blank">시맨틱 앵커 예제 2 </a></li>
      </ol>
      <br/>
      <ul>
          <li><a href="https://usrcheat.github.io/20190404/djuMap2.html" target="_blank">이미지맵-대전대 과제</a></li>
          <li><a href="https://usrcheat.github.io/20190404/worldMap.html" target="_blank">이미지맵-세계지도 과제</a></li>
      </ul>
    </li>
    <li><h3 id="chapter6">6주차</h3>
      <ol>
        <li><a href="https://usrcheat.github.io/20190410/formText1.html" target="_blank">폼 문자열</a></li>
        <li><a href="https://usrcheat.github.io/20190410/formRadio1.html" target="_blank">폼 라디오</a></li>
        <li><a href="https://usrcheat.github.io/20190411/formCheckbox1.html" target="_blank">폼 체크박스</a></li>
        <li><a href="https://usrcheat.github.io/20190411/formSearch1.html" target="_blank">폼 검색</a></li>
        <li><a href="https://usrcheat.github.io/20190411/formDateTime1.html" target="_blank">폼 달력, 시간</a></li>
        <li><a href="https://usrcheat.github.io/20190411/formEmailAuto1.html" target="_blank">폼 이메일</a></li>
        <li><a href="https://usrcheat.github.io/20190411/formFormaction1.html" target="_blank">폼 액션</a></li>
        <li><a href="https://usrcheat.github.io/20190411/formSelect1.html" target="_blank">폼 드롭다운 리스트</a></li>
        <li><a href="https://usrcheat.github.io/20190411/formMselect1.html" target="_blank">폼 드롭다운 다중선택</a></li>
        <li><a href="https://usrcheat.github.io/20190411/formTextarea1.html" target="_blank">폼 텍스트 공간</a></li>
        <li><a href="https://usrcheat.github.io/20190411/basicSemantic4.html" target="_blank">기본 시맨틱4</a></li>
        <li><a href="https://usrcheat.github.io/20190411/basicSemanticMember1.html" target="_blank">시맨틱 회원가입</a></li>
        <li><a href="https://usrcheat.github.io/20190411/anchor2.html" target="_blank">Anchor 2</a></li>
        <li><a href="https://usrcheat.github.io/jsp/jspintro.html" target="_blank">jsp/JSP intro</a></li>
        <li><a href="https://usrcheat.github.io/20190411/reservation.html" target="_blank">폼 예약 홈페이지</a></li>
      </ol>
      <ul>
        <br/>
        <li><a href="http://usrcheat.github.io/selectBoxGwaJe.html" target="_blank">폼 셀렉트 과제</a></li>
      </ul>
    </li>
    <li><h3 id="chapter7">7주차</h3>
      <ol>
        <li><a href="https://usrcheat.github.io/20190417/basicCssIntro1.html" target="_blank">기본 CSS 실습</a></li>
        <li><a href="https://usrcheat.github.io/20190417/basicSimple1.html" target="_blank">단순 CSS 실습</a></li>
        <li><a href="https://usrcheat.github.io/20190417/inline1.html" target="_blank">인라인 스타일</a></li>
        <li><a href="https://usrcheat.github.io/20190417/embed1.html" target="_blank">내부 스타일</a></li>
        <li><a href="https://usrcheat.github.io/20190417/outstyle1.html" target="_blank">외부 스타일</a></li>
        <li><a href="https://usrcheat.github.io/20190417/sampleDom.html" target="_blank">기본 DOM 실습</a></li>
        <li><a href="https://usrcheat.github.io/20190418/htmlDom.html" target="_blank">DOM HTML 실습</a></li>
        <li><a href="https://usrcheat.github.io/20190418/member1.html" target="_blank">멤버 예제1</a></li>
      </ol>
    </li>
    <li><h3 id="chapter9">9주차</h3>
      <ol>
        <li><a href="https://usrcheat.github.io/20190501/selectorTag.html" target="_blank">선택자 예제1</a></li>
        <li><a href="https://usrcheat.github.io/20190501/selectorcls.html" target="_blank">선택자 예제2</a></li>
        <li><a href="https://usrcheat.github.io/20190501/selectorid.html" target="_blank">선택자 예제3</a></li>
        <li><a href="https://usrcheat.github.io/20190502/pseudoselector.html" target="_blank">의사 클래스</a></li>
        <li><a href="https://usrcheat.github.io/20190502/pseudoelmt.html" target="_blank">의사 엘리먼트</a></li>
        <li><a href="https://usrcheat.github.io/20190502/pseudoDesc.html" target="_blank">선택자 조합</a></li>
        <li><a href="https://usrcheat.github.io/20190502/complexChild.html" target="_blank">복합선택자 자식</a></li>
        <li><a href="https://usrcheat.github.io/20190502/complexBro.html" target="_blank">복합선택자 형제</a></li>
        <li><a href="https://usrcheat.github.io/20190502/complexDesc.html" target="_blank">복합선택자 후손</a></li>
        <li><a href="https://usrcheat.github.io/20190502/cssText1.html" target="_blank">CSS텍스트 실습1</a></li>
        <li><a href="https://usrcheat.github.io/20190502/cssText2.html" target="_blank">CSS텍스트 실습2</a></li>
        <li><a href="https://usrcheat.github.io/20190502/cssFont1.html" target="_blank">CSS폰트 실습</a></li>
      </ol>
    </li>
    <li><h3 id="chapter9-2">9-2주차</h3>
      <ol>
        <li><a href="https://usrcheat.github.io/20190502/cssWidthHeight.html" target="_blank">CSS Width Height 실습</a></li>
        <li><a href="https://usrcheat.github.io/20190502/cssBg1.html" target="_blank">CSS background 실습</a></li>
        <li><a href="https://usrcheat.github.io/20190502/cssBorder1.html" target="_blank">CSS border 실습</a></li>
        <li><a href="https://usrcheat.github.io/20190502/cssMargin1.html" target="_blank">CSS margin 실습</a></li>
        <li><a href="https://usrcheat.github.io/20190502/cssPadding.html" target="_blank">CSS padding 실습</a></li>
        <li><a href="https://usrcheat.github.io/20190502/cssBox1.html" target="_blank">CSS BOX 실습1</a></li>
        <li><a href="https://usrcheat.github.io/20190502/cssBox2.html" target="_blank">CSS BOX 실습2</a></li>
        <li><a href="https://usrcheat.github.io/20190502/cssBox3.html" target="_blank">CSS BOX 실습3</a></li>
        <li><a href="https://usrcheat.github.io/20190502/cssBox4.html" target="_blank">CSS BOX 실습4</a></li>
      </ol>
    </li>
    <li><h3 id="chapter10">10주차</h3>
      <ol>
        <li><a href="https://usrcheat.github.io/20190509/cssDisp1.html" target="_blank">display 실습</a></li>
        <li><a href="https://usrcheat.github.io/20190509/cssVis1.html" target="_blank">visibility 실습</a></li>
        <li><a href="https://usrcheat.github.io/20190509/cssDisplayInlineBlock1.html" target="_blank">inline block 실습</a></li>
        <li><a href="https://usrcheat.github.io/20190509/cssStatic1.html" target="_blank">배치 static 실습</a></li>
        <li><a href="https://usrcheat.github.io/20190509/cssRelative1.html" target="_blank">배치 relative 실습</a></li>
        <li><a href="https://usrcheat.github.io/20190509/cssFixed1.html" target="_blank">배치 fixed 실습</a></li>
        <li><a href="https://usrcheat.github.io/20190509/cssAbsolute1.html" target="_blank">배치 absolute 실습</a></li>
        <li><a href="https://usrcheat.github.io/20190509/cssAbsoluteBody1.html" target="_blank">배치 absolute 실습 2</a></li>
      </ol>
    </li>
    <li><h3 id="chapter11">11주차</h3>
      <ol>
        <li><a href="https://usrcheat.github.io/20190515/cssOverflow1.html" target="_blank">CSS 오버플로우 실습</a></li>
        <li><a href="https://usrcheat.github.io/20190515/cssOverflowImage1.html" target="_blank">CSS 오버플로우 이미지 실습</a></li>
        <li><a href="https://usrcheat.github.io/20190515/cssFloat1.html" target="_blank">CSS float 실습</a></li>
        <li><a href="https://usrcheat.github.io/20190515/cssClear1.html" target="_blank">CSS clear 실습</a></li>
        <li><a href="https://usrcheat.github.io/20190515/cssList1.html" target="_blank">CSS 목록 실습1</a></li>
        <li><a href="https://usrcheat.github.io/20190515/cssList2.html" target="_blank">CSS 목록 실습2</a></li>
        <li><a href="https://usrcheat.github.io/20190515/login1.html" target="_blank">로그인 실습1</a></li>
        <li><a href="https://usrcheat.github.io/20190516/login2.html" target="_blank">로그인 실습2</a></li>
        <li><a href="https://usrcheat.github.io/20190516/login3.html" target="_blank">로그인 실습3</a></li>
        <li><a href="https://usrcheat.github.io/20190516/login4.html" target="_blank">로그인 실습4</a></li>
        <li><a href="https://usrcheat.github.io/20190516/login5.html" target="_blank">로그인 실습5</a></li>
        <li><a href="https://usrcheat.github.io/20190516/cssTable1.html" target="_blank">css table 실습1</a></li>
        <li><a href="https://usrcheat.github.io/20190516/cssTable2.html" target="_blank">css table 실습2</a></li>
        <li><a href="https://usrcheat.github.io/20190516/cssTable2Fixed.html" target="_blank">css table 실습3</a></li>
        <li><a href="https://usrcheat.github.io/20190516/cssTable3.html" target="_blank">css table 실습4</a></li>
        <li><a href="https://usrcheat.github.io/20190516/memb1.html" target="_blank">회원가입 실습1</a></li>
        <li><a href="https://usrcheat.github.io/20190516/memb2.html" target="_blank">회원가입 실습2</a></li>
        <li><a href="https://usrcheat.github.io/20190516/memb3.html" target="_blank">회원가입 실습3</a></li>
        <li><a href="https://usrcheat.github.io/20190516/memb4.html" target="_blank">회원가입 실습4</a></li>
        <li><a href="https://usrcheat.github.io/20190516/memb5.html" target="_blank">회원가입 실습5</a></li>
        <li><a href="https://usrcheat.github.io/20190516/memb6.html" target="_blank">회원가입 실습6</a></li>
      </ol>
    </li>
    <li><h3 id="chapter12">12주차</h3>
      <ol>
        <li><a href="https://usrcheat.github.io/20190522/rwd0.html" target="_blank">RWD 실습1</a></li>
        <li><a href="https://usrcheat.github.io/20190522/rwd1.html" target="_blank">RWD 실습2</a></li>
        <li><a href="https://usrcheat.github.io/20190522/rwd2.html" target="_blank">RWD 실습3</a></li>
        <li><a href="https://usrcheat.github.io/20190522/rwd4.html" target="_blank">RWD 실습4</a></li>
        <li><a href="https://usrcheat.github.io/20190522/sampleAll.html" target="_blank">자바스크립트 실습1</a></li>
        <li><a href="https://usrcheat.github.io/20190522/sampleAllMod.html" target="_blank">자바스크립트 실습2</a></li>
        <li><a href="https://usrcheat.github.io/20190522/sampleMethod0.html" target="_blank">자바스크립트 실습3</a></li>
        <li><a href="https://usrcheat.github.io/20190522/sampleMethod1.html" target="_blank">자바스크립트 실습4</a></li>
        <li><a href="https://usrcheat.github.io/20190522/sampleMethod2.html" target="_blank">자바스크립트 실습5</a></li>
        <li><a href="https://usrcheat.github.io/20190522/sampleMethod3.html" target="_blank">자바스크립트 실습6</a></li>
        <li><a href="https://usrcheat.github.io/20190522/sampleMethod4.html" target="_blank">자바스크립트 실습7</a></li>
        <li><a href="https://usrcheat.github.io/20190522/sampleMethod5.html" target="_blank">자바스크립트 실습8</a></li>
        <li><a href="https://usrcheat.github.io/20190522/docWrite1.html" target="_blank">document.write() 실습1</a></li>
        <li><a href="https://usrcheat.github.io/20190522/docWrite2.html" target="_blank">document.write() 실습2</a></li>
        <li><a href="https://usrcheat.github.io/20190522/docWrite3.html" target="_blank">document.write() 실습3</a></li>
      </ol>
    </li>
    <li><h3 id="chapter12-2">12-2주차</h3>
      <ol>
        <li><a href="https://usrcheat.github.io/20190523/varTest.html" target="_blank">변수 예제 실습</a></li>
        <li><a href="https://usrcheat.github.io/20190523/operatorTest.html" target="_blank">연산자 예제 실습</a></li>
        <li><a href="https://usrcheat.github.io/20190523/condText.html" target="_blank">조건/논리 연산자 실습</a></li>
        <li><a href="https://usrcheat.github.io/20190523/ifTest.html" target="_blank">조건문 예제 실습</a></li>
        <li><a href="https://usrcheat.github.io/20190523/ifTest2.html" target="_blank">조건문 예제 실습2</a></li>
        <li><a href="https://usrcheat.github.io/20190523/forTest.html" target="_blank">for 예제 실습</a></li>
        <li><a href="https://usrcheat.github.io/20190523/whileTest.html" target="_blank">while 예제 실습</a></li>
        <li><a href="https://usrcheat.github.io/20190523/switchTest.html" target="_blank">switch 예제 실습</a></li>
        <li><a href="https://usrcheat.github.io/20190523/funcTest.html" target="_blank">함수 예제 실습</a></li>
        <li><a href="https://usrcheat.github.io/20190523/funcArgTest.html" target="_blank">가변인자 함수 실습</a></li>
      </ol>
    </li>
     <li><h3 id="chapter13">13주차</h3>
      <ol>
        <li><a href="https://usrcheat.github.io/20190530/forTest.html" target="_blank">for 예제 실습</a></li>
        <li><a href="https://usrcheat.github.io/20190530/whileTest.html" target="_blank">while 예제 실습</a></li>
        <li><a href="https://usrcheat.github.io/20190530/funcTest.html" target="_blank">func 예제 실습</a></li>
        <li><a href="https://usrcheat.github.io/20190530/funcTest2.html" target="_blank">함수 예제 실습2</a></li>
        <li><a href="https://usrcheat.github.io/20190530/funcArgTest.html" target="_blank">가변인자 함수 실습</a></li>
        <li><a href="https://usrcheat.github.io/20190530/getElementById.html" target="_blank">HTML DOM 실습2</a></li>
        <li><a href="https://usrcheat.github.io/20190530/getElementsByName.html" target="_blank">HTML DOM 실습3</a></li>
        <li><a href="https://usrcheat.github.io/20190530/getElementsByTagName.html" target="_blank">HTML DOM 실습4</a></li>
        <li><a href="https://usrcheat.github.io/20190530/htmlDom.html" target="_blank">HTML DOM 실습5</a></li>
        <li><a href="https://usrcheat.github.io/20190530/getChildNodes.html" target="_blank">HTML DOM 실습6</a></li>
        <li><a href="https://usrcheat.github.io/20190530/getElementsByDOM.html" target="_blank">HTML DOM 실습7</a></li>
        <li><a href="https://usrcheat.github.io/20190530/getSetNodeValue.html" target="_blank">HTML DOM 실습8</a></li>
        <li><a href="https://usrcheat.github.io/20190530/getSetAttribute.html" target="_blank">HTML DOM 실습9</a></li>
        <li><a href="https://usrcheat.github.io/20190530/getSetInnerHTML.html" target="_blank">HTML DOM 실습10</a></li>
        <li><a href="https://usrcheat.github.io/20190530/nodeCopyPaste.html" target="_blank">HTML DOM 실습11</a></li>
        <li><a href="https://usrcheat.github.io/20190530/nodeInsertBefore.html" target="_blank">HTML DOM 실습12</a></li>
        <li><a href="https://usrcheat.github.io/20190530/nodeRemoveChild.html" target="_blank">HTML DOM 실습13</a></li>
        <li><a href="https://usrcheat.github.io/20190530/onClickClassicHandler.html" target="_blank">이벤트 실습</a></li>
        <li><a href="https://usrcheat.github.io/20190530/onClickHandler.html" target="_blank">이벤트 실습2</a></li>
      </ol>
    </li>
  </ul>
  </section>
  <aside>
    <ul>
      <li><a href="https://javaroadmap.github.io/" target="_blank">자바 로드맵</a></li>
      <li><a href="http://jsptogo.herokuapp.com/2.html" target="_blank">학생 목록</a></li>
      <li><a href="https://github.com/usrcheat/usrcheat.github.io" target="_blank">github 링크</a></li>
    </ul>
  </aside>
  <footer>
  <p>github 주소 : <a href="https://usrcheat.github.io" target="_blank">https://usrcheat.github.io</a></p>
  <h6>20151637 박영철</h6>
  </footer>
</body>
</html>