평가점수C

[인터넷활용] HTML자료

등록일 2002.05.15 한글 (hwp) | 9페이지 | 가격 500원

목차

■ HTML의 기본구조

■ 기본 HTML 태그 익히기
1. 선을 그릴때 사용되는 태그
2. 글자크기나 모양을 정해주는 태그
3. 목록만들기
4. 링크
5. 이미지 삽입

■ 기타태그

■ 배경 및 표 익히기
1. 배경바꾸기
2. 표만들기 위한 태그

■ 텍스트
1. 태그
2. 텍스트 입력 양식
3. 암호 입력 양식
4. 체크박스 양식
5. 라디오버튼 양식
6. 리셋 버튼
7. 서브미트 버튼
8. 숨겨둔 입력양식
9. 텍스트 영역
10. 태그
11. 이미지 입력양식

본문내용

인터넷 홈페이지를 만들기 위해서는 HTML이라는 문서를 이용하여 만듭니다. 홈페이지라는 것은 개인,회사 단체등이 다양한 목적으로 정보를 다른 사용자에게 제공하기 위해 HTML 형식으로 만든 문서를 말합니다.
HTML은 'Hyper Text Markup Language' 의 약자로 인터넷에서 정보를 보여주기 위한 표준적인 언어입니다.
HTML을 작성하는 프로그램 들이 있는데 메모장, 나모웹에디터, 드림위버, 프론트 페이지 등이 있습니다 . 메모장은 직접 HTML 소스에서 작업하고 나모, 드림위버,프론트 페이지는 HTML을 시각적으로 작성하기 때문에 작성하기 편하나 군더기 소스가 자동으로 생기는 단점을 가지고 있습니다. HTML을 텍스트형태로 저장되어 사용하므로 일반적인 에디터를 이용하여 HTML 문서를 볼 수 있습니다. HTML의 확장자 명은 HTM 이나 HTML 로 사용합니다.
참고로 유닉스(Unix)운용체제서는 확장자는 3자 이상을 사용할 수 없으므로 확장자를 HTM으로 사용합니다. HTML의 명령은 태그 (tag)를 이용하여 만듭니다. 태그란(tag) HTML문서를 작성하기 위해서 사용되는 하나의 약속으로 '<'와'>' 기호를 이용하여 태그 명령을 묶어서 사용합니다.
*원하는 자료를 검색 해 보세요.
  • HTML 태그 14페이지
    언어로서 태그(TAG)로 구성되어 있습니다. 태그HTML 문서에서 일반 ... .HTML 태그를 잘못 사용했다 하더라도 브라우져에서는 에러를 발생시키지 ... 않습니다. ▶HTML 문서의 구성 *<HTML> 태그 : 문서가
  • HTML 태그 정리 5페이지
    HTML 》 1. 문서 구조 태그 ★ 문서 구조 태그 * <HTML ... > : HTML 문서의 시작을 의미하며, 동시에 HTML 문서 형식으로 ... 작성되었음을 나타낸다. * : <strong>HTML</strong> 문서의 제목을 </dd> </dl> </li> <li class="docSearchDocList" > <dl> <dt> <span class="d_ico"><img src="http://www.happycampus.com/images/v4/common/file_icons/hwp.gif" alt=""></span><span class="r_tit"><a href="/doc/1162099" onclick="Doc.setRelateListClickDoc(1162099); Common.hcLogTrace(204, 923);" target="_blank"><strong>HTML</strong> <strong>태그</strong> 정리</a> <span class="recom_info">22페이지</span> </span></dt> <dd> 보도록 한다.) 1 <strong>태그</strong> 1.1 <strong>Html</strong> <strong>태그</strong>가 뭐야? Hyper Text ... .3 <strong>Html</strong> <strong>태그</strong>의 특성 - 인터넷 언어이며 '<'와 '>' 표시로 ... lool`s 교육자료 'A' to 'Z' Of '<strong>HTML</strong>' 0 </dd> </dl> </li> <li class="docSearchDocList" > <dl> <dt> <span class="d_ico"><img src="http://www.happycampus.com/images/v4/common/file_icons/hwp.gif" alt=""></span><span class="r_tit"><a href="/doc/1124501" onclick="Doc.setRelateListClickDoc(1124501); Common.hcLogTrace(204, 923);" target="_blank">[홈페이지] <strong>HTML</strong><strong>태그</strong></a> <span class="recom_info">24페이지</span> </span></dt> <dd> 때 사용되는 언어로서 <strong>태그</strong>(TAG)로 구성되어 있다. <strong>태그</strong>는 <strong>HTML</strong> ... 이러한 것들을 정의할 때 사용하는 것이 <strong>태그</strong>이다. ◆ <strong>HTML</strong> 문서의 ... 무시된다. ·<strong>태그</strong>가 중복되지 않도록 주의한다. ·<strong>HTML</strong> <strong>태그</strong>를 잘못 </dd> </dl> </li> <li class="docSearchDocList" > <dl> <dt> <span class="d_ico"><img src="http://www.happycampus.com/images/v4/common/file_icons/hwp.gif" alt=""></span><span class="r_tit"><a href="/doc/2867325" onclick="Doc.setRelateListClickDoc(2867325); Common.hcLogTrace(204, 923);" target="_blank">[홈페이지]<strong>HTML</strong> <strong>태그</strong> 정리</a> <span class="recom_info">7페이지</span> </span></dt> <dd> ▶ <strong>HTML</strong> <strong>태그</strong> - 웹 브라우저에서 웹 페이지의 구조와 서식을 알려줌 ... > </<strong>HTML</strong>> 3.2 FONT <strong>태그</strong> <FONT SIZE = "글자크기 ... ◈ <strong>HTML</strong> 이란...? ▶ <strong>HTML</strong>(HyperText Markup </dd> </dl> </li> <li class="docSearchDocList" > <dl> <dt> <span class="d_ico"><img src="http://www.happycampus.com/images/v4/common/file_icons/hwp.gif" alt=""></span><span class="r_tit"><a href="/doc/11345559" onclick="Doc.setRelateListClickDoc(11345559); Common.hcLogTrace(204, 923);" target="_blank"><strong>HTML</strong> 기본<strong>태그</strong>와 예시</a> <span class="recom_info">20페이지</span> </span></dt> <dd>어이다. <strong>HTML</strong>에서 사용하는 명령어는 <strong>태그</strong>(Tag)라고 하며, 2개의 ... 프로세서에서도 정해진 <strong>태그</strong>를 입력한 후 <strong>HTML</strong> 문서로 저장하면 웹문서가 ... 된다는 의미이다. <strong>HTML</strong>에는 다양한 <strong>태그</strong>들이 있으며, 각각의 특징을 가지고 </dd> </dl> </li> <li class="docSearchDocList" > <dl> <dt> <span class="d_ico"><img src="http://www.happycampus.com/images/v4/common/file_icons/ppt.gif" alt=""></span><span class="r_tit"><a href="/doc/4561540" onclick="Doc.setRelateListClickDoc(4561540); Common.hcLogTrace(204, 923);" target="_blank"><strong>HTML</strong> <strong>태그</strong>의 종류와 사용방법</a> <span class="recom_info">39페이지</span> </span></dt> <dd> - 인터넷에서 접할 수 있는 모든 웹 페이지들은 <strong>HTML</strong>로 작성된다. - <strong>태그</strong> ... . <strong>HTML</strong> 문서의 특징 - <strong>태그</strong>는 대소문자 구분이 안함 ( 단, 파일 이름은 ... 무시 - <strong>태그</strong>가 중복 되지 않도록 주의 - <strong>HTML</strong> <strong>태그</strong>를 잘못 사용 </dd> </dl> </li> <li class="docSearchDocListMore" style="display:none;"> <dl> <dt> <span class="d_ico"><img src="http://www.happycampus.com/images/v4/common/file_icons/hwp.gif" alt=""></span><span class="r_tit"><a href="/doc/10798762" onclick="Doc.setRelateListClickDoc(10798762); Common.hcLogTrace(204, 923);" target="_blank"><strong>HTML</strong> 대표 <strong>태그</strong> 조사</a> <span class="recom_info">4페이지</span> </span></dt> <dd><strong>HTML</strong> 기본문서는 기본적으로 머리(head)부분과 몸통(body ... ) 부분으로 나누어진다. 1. <<strong>HTML</strong>> </<strong>HTML</strong>> 문서의 처음과 끝 2 ... 때 쓰는 <strong>태그</strong>로, 글자의 크기를 정함. 제목이므로 기본적으로 '굵게'가 </dd> </dl> </li> <li class="docSearchDocListMore" style="display:none;"> <dl> <dt> <span class="d_ico"><img src="http://www.happycampus.com/images/v4/common/file_icons/hwp.gif" alt=""></span><span class="r_tit"><a href="/doc/5000877" onclick="Doc.setRelateListClickDoc(5000877); Common.hcLogTrace(204, 923);" target="_blank"><strong>HTML</strong> 4.01 <strong>태그</strong> 총정리</a> <span class="recom_info">9페이지</span> </span></dt> <dd>. 절대 URL과 상대 URL 4. <strong>HTML</strong> <strong>태그</strong>와 속성 <strong>HTML</strong> 4 ... . <strong>HTML</strong> <strong>태그</strong>와 속성 a. Document <strong>태그</strong> <!DOCTYPE ... > -브라우저를 표시를위해 DTD지원 모드를 설정 -<<strong>html</strong>><strong>태그</strong>보다 먼저 </dd> </dl> </li> <li class="docSearchDocListMore" style="display:none;"> <dl> <dt> <span class="d_ico"><img src="http://www.happycampus.com/images/v4/common/file_icons/doc.gif" alt=""></span><span class="r_tit"><a href="/doc/4030085" onclick="Doc.setRelateListClickDoc(4030085); Common.hcLogTrace(204, 923);" target="_blank">[컴퓨터]<strong>html</strong><strong>태그</strong> 정리</a> <span class="recom_info">4페이지</span> </span></dt> <dd>1. <strong>HTML</strong>에서 사용하는 <strong>태그</strong> 조사하여 깨끗하게 정리. <strong>HTML</strong> 기본 ... 구조 <<strong>HTML</strong>> <strong>태그</strong>: <strong>HTML</strong> 문서 시작 <HEAD> <strong>태그</strong>: 시작을 ... > <strong>태그</strong>: 시작을 알리는 <strong>태그</strong> 끝. <BODY> <strong>태그</strong>: <strong>HTML</strong>문서의 본문 </dd> </dl> </li> <li class="docSearchDocListMore" style="display:none;"> <dl> <dt> <span class="d_ico"><img src="http://www.happycampus.com/images/v4/common/file_icons/zip.gif" alt=""></span><span class="r_tit"><a href="/doc/12915671" onclick="Doc.setRelateListClickDoc(12915671); Common.hcLogTrace(204, 923);" target="_blank">[<strong>HTML</strong>] <strong>html</strong> <strong>태그</strong> 홈페이지 만들기</a> <span class="recom_info">0페이지</span> </span></dt> <dd><strong>HTML</strong> 홈페이지 입니다.교양시간에 배운내용 토대로 제작하였고요,아주 ... 심플한 홈페이지입니다.메모장으로 여신후 <strong>태그</strong>수정만 하셔도 원하시는 개인 </dd> </dl> </li> <li class="docSearchDocListMore" style="display:none;"> <dl> <dt> <span class="d_ico"><img src="http://www.happycampus.com/images/v4/common/file_icons/hwp.gif" alt=""></span><span class="r_tit"><a href="/doc/4131351" onclick="Doc.setRelateListClickDoc(4131351); Common.hcLogTrace(204, 923);" target="_blank">[<strong>HTML</strong>]<strong>태그</strong> 및 속성 정리</a> <span class="recom_info">11페이지</span> </span></dt> <dd><strong>HTML</strong> <strong>태그</strong> 및 속성 정리 ------------------ { 1 ... . <strong>HTML</strong>기본 <strong>태그</strong> <<strong>html</strong>>...</<strong>html</strong>> : <strong>html</strong>의 시작과 ... ,오른쪽중의 하나로 제목을 맞추도록 지정 <P><strong>태그</strong> : <strong>HTML</strong>문서에서 </dd> </dl> </li> <li class="docSearchDocListMore" style="display:none;"> <dl> <dt> <span class="d_ico"><img src="http://www.happycampus.com/images/v4/common/file_icons/hwp.gif" alt=""></span><span class="r_tit"><a href="/doc/1089137" onclick="Doc.setRelateListClickDoc(1089137); Common.hcLogTrace(204, 923);" target="_blank"><strong>html</strong> <strong>태그</strong> 정리</a> <span class="recom_info">2페이지</span> </span></dt> <dd>- <strong>HTML</strong>(Hypertext Markup Language)의 정의 ... 문서와 마찬가지로 아스키 파일이며 확장자는 htm 또는 <strong>html</strong> 3 ... . <strong>HTML</strong>은 SGML 표준에 따라 구현한 문서형식 ■ <strong>HTML</strong>문서는 원래 </dd> </dl> </li> <li class="docSearchDocListMore" style="display:none;"> <dl> <dt> <span class="d_ico"><img src="http://www.happycampus.com/images/v4/common/file_icons/hwp.gif" alt=""></span><span class="r_tit"><a href="/doc/1028766" onclick="Doc.setRelateListClickDoc(1028766); Common.hcLogTrace(204, 923);" target="_blank"><strong>HTML</strong>(<strong>태그</strong>)에 대해서...</a> <span class="recom_info">22페이지</span> </span></dt> <dd> 만들자. </font> <script type="text/javascript" src="//adimg3.search.naver.net/adpost/adpost_show_ads_min.js"></script> <script type="text/javascript"> /*<![CDATA[*/ if(typeof viewerObj == 'object'){ viewerObj._onePageOpen = true;viewerObj._existBigViewBanner = true; viewerObj._formOnePageOpen = false; viewerObj._is_permission = true; viewerObj._doc_title = "[인터넷활용] HTML자료"; viewerObj._isBookSummary = false; viewerObj._availableBookSummaryCount = 0; viewerObj._availableBookSummaryPeriod = ''; viewerObj._isPreviewOpen = false; viewerObj._pageKocPoint = 100; viewerObj._downKocPoint = 500; viewerObj._payPageCount = 5; viewerObj._isGuest = true viewerObj._isPartnerDoc = false; viewerObj._accountKocPoint = 0; viewerObj._kocServiceDoc = true; viewerObj._previewNotice = ""; viewerObj.construct( 1093772, 'jippong', '', 'report', '0' ); } RecommendUserLog.setLogData(1093772,0,'', ''); jQuery(function($) { $('.de_cont').last().css('border-bottom', '0px'); Opinion.opinionLoad(1093772,'1', true); setTimeout('Doc.loadHappyBookList()', 2000); Common.setZoomIcon('zoom_ov5'); NBP_ADPOST({"ch":"happycampus.ch2","cnt":7,"cat1":"#\ub9ac\ud3ec\ud2b8","kwdGrp":"\ud574\ud53c\ucea0\ud37c\uc2a4_\uacf5\ud1b5","title":"[\uc778\ud130\ub137\ud65c\uc6a9] HTML\uc790\ub8cc","content":"\uc778\ud130\ub137 \ud648\ud398\uc774\uc9c0\ub97c \ub9cc\ub4e4\uae30 \uc704\ud574\uc11c\ub294 HTML\uc774\ub77c\ub294 \ubb38\uc11c\ub97c \uc774\uc6a9\ud558\uc5ec \ub9cc\ub4ed\ub2c8\ub2e4. \ud648\ud398\uc774\uc9c0\ub77c\ub294 \uac83\uc740 \uac1c\uc778,\ud68c\uc0ac \ub2e8\uccb4\ub4f1\uc774 \ub2e4\uc591\ud55c \ubaa9\uc801\uc73c\ub85c \uc815\ubcf4\ub97c \ub2e4\ub978 \uc0ac\uc6a9\uc790\uc5d0\uac8c \uc81c\uacf5\ud558\uae30 \uc704\ud574 HTML \ud615\uc2dd\uc73c\ub85c \ub9cc\ub4e0 \ubb38\uc11c\ub97c \ub9d0\ud569\ub2c8\ub2e4. HTML\uc740 \\'Hyper Text Markup Language\\' \uc758 \uc57d\uc790\ub85c \uc778\ud130\ub137\uc5d0\uc11c \uc815\ubcf4\ub97c \ubcf4\uc5ec\uc8fc\uae30 \uc704\ud55c \ud45c\uc900\uc801\uc778 \uc5b8\uc5b4\uc785\ub2c8\ub2e4. HTML\uc744 \uc791\uc131\ud558\ub294 \ud504\ub85c\uadf8\ub7a8 \ub4e4\uc774 \uc788\ub294\ub370 \uba54\ubaa8\uc7a5, \ub098\ubaa8\uc6f9\uc5d0\ub514\ud130, \ub4dc\ub9bc\uc704\ubc84, \ud504\ub860\ud2b8 \ud398\uc774\uc9c0 \ub4f1\uc774 \uc788\uc2b5\ub2c8\ub2e4 . \uba54\ubaa8\uc7a5\uc740 \uc9c1\uc811 HTML \uc18c\uc2a4\uc5d0\uc11c \uc791\uc5c5\ud558\uace0 \ub098\ubaa8, \ub4dc\ub9bc\uc704\ubc84,\ud504\ub860\ud2b8 \ud398\uc774\uc9c0\ub294 HTML\uc744 \uc2dc\uac01\uc801\uc73c\ub85c \uc791\uc131\ud558\uae30 \ub54c\ubb38\uc5d0 \uc791\uc131\ud558\uae30 \ud3b8\ud558\ub098 \uad70\ub354\uae30 \uc18c\uc2a4\uac00 \uc790\ub3d9\uc73c\ub85c \uc0dd\uae30\ub294 \ub2e8\uc810\uc744 \uac00\uc9c0\uace0 \uc788\uc2b5\ub2c8\ub2e4. HTML\uc744 \ud14d\uc2a4\ud2b8\ud615\ud0dc\ub85c \uc800\uc7a5\ub418\uc5b4 \uc0ac\uc6a9\ud558\ubbc0\ub85c \uc77c\ubc18\uc801\uc778 \uc5d0\ub514\ud130\ub97c \uc774\uc6a9\ud558\uc5ec HTML \ubb38\uc11c\ub97c \ubcfc \uc218 \uc788\uc2b5\ub2c8\ub2e4. HTML\uc758 \ud655\uc7a5\uc790 \uba85\uc740 HTM \uc774\ub098 HTML \ub85c \uc0ac\uc6a9\ud569\ub2c8\ub2e4. \ucc38\uace0\ub85c \uc720\ub2c9\uc2a4(Unix)\uc6b4\uc6a9\uccb4\uc81c\uc11c\ub294 \ud655\uc7a5\uc790\ub294 3\uc790 \uc774\uc0c1\uc744 \uc0ac\uc6a9\ud560 \uc218 \uc5c6\uc73c\ubbc0\ub85c \ud655\uc7a5\uc790\ub97c HTM\uc73c\ub85c \uc0ac\uc6a9\ud569\ub2c8\ub2e4. HTML\uc758 \uba85\ub839\uc740 \ud0dc\uadf8 (tag)\ub97c \uc774\uc6a9\ud558\uc5ec \ub9cc\ub4ed\ub2c8\ub2e4. \ud0dc\uadf8\ub780(tag) HTML\ubb38\uc11c\ub97c \uc791\uc131\ud558\uae30 \uc704\ud574\uc11c \uc0ac\uc6a9\ub418\ub294 \ud558\ub098\uc758 \uc57d\uc18d\uc73c\ub85c \\'<\\'\uc640\\'>\\' \uae30\ud638\ub97c \uc774\uc6a9\ud558\uc5ec \ud0dc\uadf8 \uba85\ub839\uc744 \ubb36\uc5b4\uc11c \uc0ac\uc6a9\ud569\ub2c8\ub2e4.","updateTime":"20020526200508"}); Doc.showLatestView(1093772, 1, true); Common.setZoomIcon('thmb', true, 0); Common.setZoomIcon('thumb_v4'); Common.setZoomIcon('thumb3_v4'); if($("#inputQu").length > 0 && typeof AutoKeyword == 'object'){ AutoKeyword.search("inputQu", "2px 0 0 93px", "", 0, 339, true, 36); } }); /*]]>*/ </script> </body> </<strong>html</strong>> 이처럼 속성은 <strong>태그</strong>뒤에 ... <strong>태그</strong>가 어떻게 적용되는지 보겠습니다. <<strong>html</strong>> <head> <title ... 적용된 글자입니다. </h6> </body> </<strong>html</strong>> H <strong>태그</strong> </dd> </dl> </li> <li class="docSearchDocListMore" style="display:none;"> <dl> <dt> <span class="d_ico"><img src="http://www.happycampus.com/images/v4/common/file_icons/doc.gif" alt=""></span><span class="r_tit"><a href="/doc/1096166" onclick="Doc.setRelateListClickDoc(1096166); Common.hcLogTrace(204, 923);" target="_blank">[프로그래밍언어] <strong>HTML</strong> <strong>태그</strong>에 대해서</a> <span class="recom_info">22페이지</span> </span></dt> <dd>▶<strong>HTML</strong> <strong>태그</strong>의 정의와 구조 p1 1. 기본 TAG들 p2-3 2 ... . <strong>HTML</strong> Tips p20-21 【<strong>HTML</strong> <strong>태그</strong>의 정의와 구조 ... > </<strong>html</strong>> 4. BODY 와 H <body> body<strong>태그</strong>는 본문의 </dd> </dl> </li> <li class="docSearchDocListMore" style="display:none;"> <dl> <dt> <span class="d_ico"><img src="http://www.happycampus.com/images/v4/common/file_icons/doc.gif" alt=""></span><span class="r_tit"><a href="/doc/1023841" onclick="Doc.setRelateListClickDoc(1023841); Common.hcLogTrace(204, 923);" target="_blank"><strong>html</strong><strong>태그</strong>정리</a> <span class="recom_info">4페이지</span> </span></dt> <dd> <strong>HTML</strong> <strong>태그</strong> 익히기 <strong>HTML</strong>의 기본형식 <<strong>HTML</strong>> -><strong>HTML</strong> ... 시작 </BODY> ->본문의 끝 </<strong>HTML</strong>> -><strong>HTML</strong> 문서의 끝 ... ></XMP> : PRE와 비슷하나 <strong>태그</strong>까지 출력 <BLOCKQUOTE </dd> </dl> </li> </ul> <a class="recom_data_more" href="#" onclick="Common.hcLogTrace(204, 924); $('.docSearchDocListMore').show(); $('#docSearchDocListMoreButton').hide(); $('#docSearchDocListMoreButton2').show(); return false;" id="docSearchDocListMoreButton"><span>더보기</span></a> </div> <div class="with_data"> <h2 class="t5">이 자료와 함께 구매한 자료 </h2> <ul> <li><img src="/images/v4/common/file_icons/zip.gif" class="im_p"> <a onclick="Common.hcLogTrace(204, 909);" href="/doc/1051656">[홈페이지] 홈페이지 만들기 과제입니다 </a><span class="recom_info">15페이지</span></li> <li><img src="/images/v4/common/file_icons/hwp.gif" class="im_p"> <a onclick="Common.hcLogTrace(204, 909);" href="/doc/4116831">[PC와 Internet]나모 웹에디터 사용하기 </a><span class="recom_info">3페이지</span></li> <li><img src="/images/v4/common/file_icons/hwp.gif" class="im_p"> <a onclick="Common.hcLogTrace(204, 909);" href="/doc/1186345">[사업계획서] 청소용역 사업계획서- 학교 및 기타 </a><span class="recom_info">24페이지</span></li> <li><img src="/images/v4/common/file_icons/zip.gif" class="im_p"> <a onclick="Common.hcLogTrace(204, 909);" href="/doc/8632045">박지성 소개 홈페이지 제작 </a><span class="recom_info">6페이지</span></li> <li><img src="/images/v4/common/file_icons/alz.gif" class="im_p"> <a onclick="Common.hcLogTrace(204, 909);" href="/doc/1192415">[홈페이지] 완성된 홈페이지 </a><span class="recom_info">1페이지</span></li> </ul> </div> </div> <div class="comment_area"> <div class="sell_com_w"> <div class="aside_info_tab"> <ul> <li><a href="#" onclick="Common.hcLogTrace(204, 910);Opinion.opinionLoad('1093772','1', true);return false;">구매평가<em>(<em id="div_op">1</em>)</em></a></li> <li><a href="#" onclick="Common.hcLogTrace(204, 911);Ask.askLoad('1093772','1',true);return false;">구매문의<em>(<em id="div_ask">0</em>)</em></a></li> </ul> </div> <div class="sell_list"> <div id="buyAnswerForm" style="display: none;"> <p class="sell_q_info">이 자료에 대해 궁금한 점을 <strong>판매자</strong>에게 직접 문의하실 수 있습니다.<br/> 상업성 광고글, 욕설, 비방글, 내용 없는 글 등은 운영 방침에 따라 예고 없이 <br/>삭제될 수 있습니다.<br/> 다운로드가 되지 않는 등 서비스 불편사항은 <a onclick="Common.hcLogTrace(219, 780);" href="/helpdesk/ask/?faqCategorySeq=12">고객센터 1:1문의하기</a>를 <br/>이용해주세요. </p> <div class="question_write"> <form name="formComment10" style="display:inline"> <input type="hidden" name="tmp_st_id" id="tmp_st_id1093772" value="jippong"> <p class="txt70"> <textarea id="" class="txtArea" readonly style="background-color:#e1e1e1;">로그인 후 구매문의를 남겨주세요.</textarea> <span class="sell_btn3"> <a href="#" onclick="Common.hcLogTrace(219, 781); Common.goUrl('/site/login/?returnUrl=%2Fdoc%2F1093772'); return false;">문의하기</a> </span> </form> </div> </div> <ul class="s_list" id="view_comment_box"></ul> <ul class="s_list" id="view_ask_box"></ul> <span class="comment_navi" id="view_comment_btn"> <!--a class="pre end" href="#">이전</a> <a class="next" href="#">다음</a--> </span> </div> </div> <div class="school_info"> <a id="showSchoolInfo" class="s_tit" href="#" onclick="Common.hcLogTrace(204, 912); Common.loadSchoolInfo('1093772',true, true, 0, 0);return false;">최근 구매한 회원 학교정보 보기<span class="ico_arr"></span></a> <div class="schoo_noti" id="schoolNotiDiv"> 1. 최근 2주간 다운받은 회원수와 학교정보이며 <br/>    구매한 본인의 구매정보도 함께 표시됩니다.<br/> 2. 매시 정각마다 업데이트 됩니다. (02:00 ~ 21:00)<br/> 3. 구매자의 학교정보가 없는 경우 기타로 표시됩니다.<br/> 4. 지식포인트 보유 시 지식포인트가 차감되며<br/>    미보유 시 아이디당 1일 3회만 제공됩니다. </div> <input type="hidden" id="schoolInfoPageTotalCount1093772"> <div class="lst_school" id="schoolInfoDiv" style="display: none;"> <ul id="school_info"> <!--li>ㆍ홍익대학교 세종캠퍼스(1)</li> <li>ㆍ홍익대학교 세종캠퍼스(1)</li> <li>ㆍ홍익대학교 세종캠퍼스(1)</li> <li>ㆍ홍익대학교 세종캠퍼스(1)</li> <li>ㆍ홍익대학교 세종캠퍼스(1)</li> <li>ㆍ한국산업대학교 세종캠퍼스(1)</li--> </ul> <span class="comment_navi" id="schoolInfoPage" style="position:absolute; bottom:0; right:0"> <!--a class="pre end" href="#">이전</a> <a class="next" href="#">다음</a--> </span> </div> </div> </div> <div class="copyright_w"> <div class="seller_info"> <h3>판매자 정보</h3> <span class="pic"><img alt="" src="http://www.happycampus.com/images/mypage/box_basic_img.gif?v=2" style="width: 80px;height: 80px;"></span> <div class="mem_info"> jippong <img src='/images/document/2013/ico_bronze.gif' align=absmiddle> </div> </div> <div class="policy_box"> <div class="policy_tit"> <ul> <li><a onclick="Common.hcLogTrace(204, 914);return false;" class="on" href="#" data-kind="copyrightPolicy">저작권</a></li> <li><a onclick="Common.hcLogTrace(204, 915);return false;" href="#" data-kind="refundPolicy">환불정책</a></li> </ul> </div> <div id="policyCopyright" class="policy_con"> 위 정보 및 게시물 내용의 진실성에 대하여 해피캠퍼스는 보증하지 아니하며, 해당 정보 및 게시물 저작권과 기타 법적 책임은 자료 등록자에게 있습니다.<br> 위 정보 및 게시물 내용의 불법적 이용, 무단 전재·배포는 금지되어 있습니다. 저작권침해, 명예훼손 등 분쟁요소 발견시 고객센터의 저작권침해 <a href='/helpdesk/copyright/' onclick='Common.hcLogTrace(204, 916);' target='_blank'><span class='bold c4b8dde_line'>신고센터</span></a>를 이용해 주시기 바랍니다. </div> <div id="policyRefund" class="policy_con" style="display: none;"> 해피캠퍼스는 구매자와 판매자 모두가 만족하는 서비스가 되도록, 하나의 경우라도 아래의 내용에 해당된다면 문의 즉시 구매자료를 환불해드립니다.<br/> 1 . 파일오류<br/> 2 . 중복자료<br/> 3 . 저작권 없음<br/> 4 . 설명과 실제내용 불일치 <a href="/helpdesk/faq/?faqSeq=33" class="p_link">자세히보기</a> </div> </div> <script> $('.policy_box>.policy_tit>ul>li>a').click(function() { if(event && event.preventDefault && event.stopPropagation) { event.preventDefault(); event.stopPropagation(); } $('.policy_box>.policy_tit>ul>li>a').removeClass('on'); $(this).addClass('on'); if($(this).attr('data-kind') == 'copyrightPolicy') { $('#policyCopyright').show(); $('#policyRefund').hide(); } else { $('#policyCopyright').hide(); $('#policyRefund').show(); } }); </script> </div> </div> <div class="detail_b_banner"><a href="/banner/click/1995" target="_blank" ><img src="/images/hcBanner/2017/08/16/1995.gif" width="910" height="90" alt="상세하단 배너"></a></div> <div id="happyBookList" style="margin-bottom: 20px;"></div> <!--###funCampusProductList###--> <div class="power_link2" id="power_link_wrap_bottom" style="margin-bottom: 20px;"> <div> <h3><strong>파워링크</strong></h3> <a class="btn_choice" href="http://saedu.naver.com/adbiz/searchad/intro.nhn" target="_blank">신청하기</a> </div> <div class="clear"></div> <ul id="power_link_list_bottom" style="overflow:hidden"> </ul> </div> </div> <div class="detail_aside"> <div class="best_cont_banner"> <img src="/images/v4/document/btm_logo.gif" onclick="Common.hcLogTrace(204, 895); Common.openWindow('/images/mainPage/2016/confirmPopup.jpg', 500, 620); return false;" style="cursor: pointer;"> </div> <div class="recent_info"> <div class="s_tit"> <span class="s_txt">최근 본 자료</span><span class="more"><a href="/mypage/recentViewList/" target="_blank" onclick="Common.hcLogTrace(203, 285);">더보기</a></span> </div> <div class="lst_recent" id="latestViewList"> <ul> </ul> </div> </div> <div class="go_ad_banner"><a href="/banner/click/1993" target="_blank" ><img src="/images/hcBanner/2017/08/16/1993.gif" width="200" height="200" alt="상세우측 배너"></a></div> <div class="go_ad_banner"><a href="/banner/click/2103" target="_blank" ><img src="/images/hcBanner/2017/10/31/2103.jpg" width="200" height="200" alt="상세우측 배너"></a></div> <div class="go_ad_banner"><a href="/banner/click/2119" target="_blank" ><img src="/images/hcBanner/2017/11/20/2119.jpg" width="200" height="200" alt="상세우측 배너"></a></div> <div style="margin-top:10px;"></div> <div style="width:200px; margin: 0 auto; border:0"><div style="width:200px; margin: 0 auto 5px auto;"> <ins class="daum_ddn_area" style="display:none;" data-ad-unit = "DAN-1jyljbzey2p9d" data-ad-media = "3nj" data-ad-pubuser = "28v" data-ad-type = "D" data-ad-width = "200" data-ad-height = "200"></ins> <script type="text/javascript" src="//s1.daumcdn.net/svc/original/U03/commonjs/ddn/common/js/ad.min.js"></script> </div></div> <div class="bookbox"> <div class="s_tit"> <span class="s_cover">추천도서</span><span><img src="/images/v4/document/yes24_logo.gif"></span> </div> <ul class="book_lst"> <li style="display:block;"> <dl> <dt class="thmb"> <a onclick="Common.hcLogTrace(204, 897);" href="http://www.yes24.com/24/goods/2156199?pid=150931" target="_blank"><img src="http://image.yes24.com/momo//TopCate51/MidCate09/5086810.jpg" width="100px" height="136px" alt=""></a> </dt> <dd class="tit"><a href="http://www.yes24.com/24/goods/2156199?pid=150931" target="_blank" title="HTML & CSS" onclick="Common.hcLogTrace(204, 897);">HTML & CSS</a></dd> <dd class="btxt">정글프레스(Jungle Press)</dd> <dd class="ptxt">15,300원</dd> </dl> </li> <li style="display:none;"> <dl> <dt class="thmb"> <a onclick="Common.hcLogTrace(204, 897);" href="http://www.yes24.com/24/goods/3839067?pid=150931" target="_blank"><img src="http://image.yes24.com/momo//TopCate84/MidCate01/8307055.jpg" width="100px" height="136px" alt=""></a> </dt> <dd class="tit"><a href="http://www.yes24.com/24/goods/3839067?pid=150931" target="_blank" title="HTML5 & API 입문" onclick="Common.hcLogTrace(204, 897);">HTML5 & API 입문</a></dd> <dd class="btxt">프리렉(이한디지털리)</dd> <dd class="ptxt">19,200원</dd> </dl> </li> <li style="display:none;"> <dl> <dt class="thmb"> <a onclick="Common.hcLogTrace(204, 897);" href="http://www.yes24.com/24/goods/4376842?pid=150931" target="_blank"><img src="http://image.yes24.com/momo//TopCate96/MidCate04/9535826.jpg" width="100px" height="136px" alt=""></a> </dt> <dd class="tit"><a href="http://www.yes24.com/24/goods/4376842?pid=150931" target="_blank" title="철저해설 HTML5" onclick="Common.hcLogTrace(204, 897);">철저해설 HTML5</a></dd> <dd class="btxt">프리렉(이한디지털리)</dd> <dd class="ptxt">25,600원</dd> </dl> </li> <li style="display:none;"> <dl> <dt class="thmb"> <a onclick="Common.hcLogTrace(204, 897);" href="http://www.yes24.com/24/goods/7017537?pid=150931" target="_blank"><img src="http://image.yes24.com/momo//TopCate185/MidCate01/18402961.jpg" width="100px" height="136px" alt=""></a> </dt> <dd class="tit"><a href="http://www.yes24.com/24/goods/7017537?pid=150931" target="_blank" title="HTML & CSS" onclick="Common.hcLogTrace(204, 897);">HTML & CSS</a></dd> <dd class="btxt">다올미디어</dd> <dd class="ptxt">18,000원</dd> </dl> </li> <li style="display:none;"> <dl> <dt class="thmb"> <a onclick="Common.hcLogTrace(204, 897);" href="http://www.yes24.com/24/goods/6420336?pid=150931" target="_blank"><img src="http://image.yes24.com/momo//TopCate175/MidCate01/17402545.jpg" width="100px" height="136px" alt=""></a> </dt> <dd class="tit"><a href="http://www.yes24.com/24/goods/6420336?pid=150931" target="_blank" title="HTML5 비디오" onclick="Common.hcLogTrace(204, 897);">HTML5 비디오</a></dd> <dd class="btxt">에이콘출판사</dd> <dd class="ptxt">27,000원</dd> </dl> </li> </ul> <span class="book_navi"> <a class="pre" href="#" onclick="Doc.bookPageMove('pre');return false;" style="display: none;">이전</a> <a class="next" href="#" onclick="Doc.bookPageMove('next');return false;">다음</a> </span> </div> <script type="text/javascript"> function __nbp_ad_callback(data) { naverClickChoiceKeyword = ""; if (data.code == 100 || data.code == 200) { // 100 : 유효하지 않은 요청, 200 : 내부 오류 Common.consoleLog(data.detail); $("#power_link_wrap").hide(); $("#power_link_wrap_bottom").hide(); return false; } if (data.ads.length > 0) { for (var i = 0; i < data.ads.length; i++) { var _ad = data.ads[i]; var _html = '<li>' + '<div><a class="power_tit" onclick="Common.hcLogTrace(204, 898);" href="' + _ad.cUrl + '" target="_blank">' + Common.makeHighlight(_ad.title, naverClickChoiceKeyword) + '</a>' + ((_ad.isMobile == true) ? '<span class="ico_mobile">모바일</span>' : '') + '</div>' + '<span class="power_txt">' + Common.makeHighlight(_ad.desc, naverClickChoiceKeyword) + '</span>' + '<a class="power_address" href="' + _ad.cUrl + '" target="_blank">' + _ad.vUrl + '</a>' + '</li>'; if( i < 4) $('#power_link_list').append(_html); else $('#power_link_wrap_bottom').append(_html); } } else{ $("#power_link_wrap").hide(); $("#power_link_wrap_bottom").hide(); } } </script> <div class="power_link" id="power_link_wrap"> <div> <h3><strong>파워링크</strong></h3> <a class="btn_choice" href="http://saedu.naver.com/adbiz/searchad/intro.nhn" target="_blank">신청하기</a> </div> <div class="clear"></div> <ul id="power_link_list" style="overflow:hidden"> </ul> </div> <img src="/doc/cover/1093772/%EC%9D%B8%ED%84%B0%EB%84%B7%ED%99%9C%EC%9A%A9_HTML%EC%9E%90%EB%A3%8C.jpg" width="100%" height="auto" alt="[인터넷활용] HTML자료" style="padding-top: 5px;" /> </div> </div> <script language="javascript" type="text/javascript"> // 상세뷰어 생성 var ask = ""; // 정보관리의 구매문의 탭에서 들어왔을 경우 var docSeq = "1093772"; $(window).bind('load', function(){ Doc.snsExportSet('set'); Doc.setFixHeader(0); }); </script> <div class="clear"></div> <div class="footer_w"> <div id="footer_v4" style="width:910px; margin-left:0;margin-top:0"> <ul> <li class="first"><a href="http://www.agentsoft.co.kr/" target="_blank">회사소개</a></li> <li><a href="http://www.agentsoft.co.kr/info/partner.php#prosite" target="_blank">제휴광고문의</a></li> <li><a href="http://www.happycampus.com/policy/" target="_blank">약관</a></li> <li><a href="http://www.happycampus.com/policy/privacy/" target="_blank"><strong>개인정보 취급방침</strong></a></li> <li><a href="javascript:void(0);" onclick="Common.refuseEmailCollection();" id="email_refuse">이메일무단 수집거부</a></li> <li><a href="http://www.happycampus.com/policy/law/" target="_blank">책임한계 및 법적고지</a></li> <li><a href="http://www.happycampus.com/helpdesk/" target="_blank">고객센터</a></li> </ul> <p class="hp_adress"> <strong>(주)에이전트소프트</strong><em>l</em>서울특별시 구로구 디지털로33길 12 우림 e-biz센터 2차 211호<em>l</em>TEL : 02) 890-3333 <a href="javascript:void(0);" onclick="Common.openBeforePhoneCallWin()">전화전클릭</a><em>l</em>FAX : 02) 890-3334<br/> 사업자등록번호 : 204-81-48925<em>l</em>통신판매번호 : 2004-01560 <a href="http://www.ftc.go.kr/info/bizinfo/communicationList.jsp?searchKey=04&searchVal=2048148925" onclick="Common.openBizInfoWin();return false;" target="_blank">사업자정보확인</a><em>l</em>개인정보보호 책임자 : 한종욱<em>l</em>대표이사 : 김정태 </p> <div style="width: 140px; float: left; color: #767676; font-size: 11px; text-align: left; padding: 9px 0 20px 5px;"><a href="mailto:hd@happycampus.com" style="color: #767676; font-size: 11px;">hd@happycampus.com</a></div> <address class="txt_copyright" style="width: 250px;float: left;">ⓒ Agentsoft Co., Ltd.</address> </div> </div> <div class="clear"></div> <div id="hanaBank" style="border: 1px solid rgb(11, 35, 68); border-image: none; width: 506px; height: 521px; box-shadow: 2px 2px 6px 1px rgba(0,0,0,0.2);"> <img width="506" height="521" src="/images/event/hanaBank/hana_pop.gif" border="0" usemap="#hanaPcPop"> <map name="hanaPcPop"> <area href="/event/hanaBank/" onclick="Common.hcLogTrace(230, 1095); hanaBankPopClose();" shape="rect" coords="0,0,500,480" alt="하나은행 통장 개설 이벤트"> <area href="#" shape="rect" coords="316,487,434,517" alt="오늘 하루 보지 않기" onclick="hanaBankPopClose(); return false;"> <area href="#" shape="rect" coords="451,487,502,517" alt="닫기" onclick="Common.htmlStaticPopupToggle('hanaBank', 'hide'); return false;"> </map> </div> <script type="text/javascript"> function hanaBankPopClose() { Common.setCookie('hanaBank', 'y', 1, '/'); Common.htmlStaticPopupToggle('hanaBank', 'hide'); } Common.htmlStaticPopupToggle('hanaBank', 'show', '', true, true, 0, true); </script> </div> </div> ?> <div id="" style="display:block;"> <div id="floatBanner" class="float_bnr" style="position: fixed; left: 50%; margin-left: 139px;"> <a class="lnk" href="/event/hanaBank/" onclick="Common.hcLogTrace(230, 1097);"><img src="/images/event/hanaBank/right_event_layer5.png"></a> <a href="#" onclick="$('#floatBanner').hide(); return false;"><span class="close">닫기</span></a> </div> </div> <div id="pageTopButton" style="display:none;"> <div class="down_layer_n"> <a class="btn_down_n" href="#" onclick="Common.hcLogTrace(204, 919); Common.download(1093772);return false;"><span class="ico_down"></span>다운로드</a><a class="btn_bot_up" href="#" onclick="Common.hcLogTrace(204, 920); window.scrollTo(0,0);return false;">위로<span class="ico_up"></span></a> </div> </div> <div id="detailRightBottomAdSub" class="ticket_b detail_bb" style="display: none; visibility: hidden;"> </div> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-107649-1', 'happycampus.com'); ga('set', 'page', '/doc/view/'); ga('send', 'pageview'); </script> <script type="text/javascript" src="http://wcs.naver.net/wcslog.js"> </script> <script type="text/javascript"> if (!wcs_add) var wcs_add={}; wcs_add["wa"] = "s_33f71c582cec"; if (!_nasa) var _nasa={}; wcs.inflow("happycampus.com"); wcs_do(_nasa); </script> <script type="text/javascript"> if(!wcs_add) var wcs_add = {}; wcs_add["wa"] = "9cd1b8e189e028"; wcs_do(); </script> <script type="text/javascript"> var CE_SNAPSHOT_NAME = "Detail"; </script> <script type="text/javascript"> setTimeout(function(){var a=document.createElement("script"); var b=document.getElementsByTagName("script")[0]; a.src=document.location.protocol+"//dnn506yrbagrg.cloudfront.net/pages/scripts/0007/6506.js?"+Math.floor(new Date().getTime()/3600000); a.async=true;a.type="text/javascript";b.parentNode.insertBefore(a,b)}, 1); </script></body> </html> <!-- Execute Time : 0.3197660446167-->