HTML tag

등록일 2003.10.30 한글 (hwp) | 16페이지 | 가격 300원

소개글

HTML 태그종류를 정리해 놓았습니다.

목차

▷ 페이지의 기초 내용
▷ 텍스트
▷ 스타일과 레이아웃
▷ 링크
▷ 테이블
▷ 그림과 멀티미디어
▷ 입력 폼
▷ 프레임

본문내용

1. 어떤 버전의 HTML을 사용하고 있는지를 표시한다.
<!DOCTYPE HTML~>
현재 HTML 문서가 어떤 버전의 HTML로 만들어졌는지를 표시한다.
ex)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3c.org/TR/REC-html40/loose.dtd">
<HTML lang="kr">

2. HTML문서에 반드시 필요한 요소
<HTML>~</HTML>
<HEAD>~</HEAD>
<TITLE>~</TITLE>
<BODT>~</BODY>
HTML문서에서는 <!DOCTYPE>을 기입할 경우 우선 맨 앞에 <!DOCTYPE~>을 쓰고 그 이외의 모든 내용은 <HTML>~</HTML>범위 안에 기입한다.
<HTML>~</HTML>범위에는 HTML문서에 관련된 정보를 입력하고,
<BODY>~</BODY>범위에는 그 문서의 실제 내용이 되는 데이터를 입력한다.
<TITLE>~</TITLE>사이에 제목을 입력하며 이곳에 입력된 내용은 웹 브라우저의 제목 표시줄에 나타나게 된다.
ex)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3c.org/TR/REC-html40/loose.dtd">

참고 자료

자세히 설명한 HTML&Java Script 사전 (영진.com) (p.1~p.242 참조)
*원하는 자료를 검색 해 보세요.
  • [컴퓨터]html태그 정리 4페이지
    1. HTML에서 사용하는 태그 조사하여 깨끗하게 정리. HTML 기본 ... 구조 <HTML> 태그: HTML 문서 시작 태그: 시작을 ... > 태그: 시작을 알리는 태그 끝. 태그: HTML문서의 본문
  • [컴퓨터 관련 정리] HTML TAG 기능정리 13페이지
    먼저 앞의 값을 받아 들입니다(돋움). 첫번째 폰트가 방문자의 컴퓨터 ... HTML-각종 태그의 기능. 1. 기본 구조 HTML 문서의 기본구조는 ... 나누어집니다. 모든 HTML문서에는 <그림1>과 같은 기본적인 tag가 들어
  • [컴퓨터활용] HTML태그 활용 개인 홈페이지 제작 계획서 6페이지
    부 김 동 철 - 주제선정 및 페이지 별 기능 / 발전방향 컴퓨터 활용 ... 및 발전방향 200211395 건 축 학 부 김 동 철 컴퓨터 활용 ... HTML을 사용한 개인홈페이지 제작 계획서 200211395 건 축 학
  • [컴퓨터]태그 완전 정리 19페이지
    태그(Tag) 라고 불리는 특별할 형식을 사용합니다. HTML ... 체로 표현한다. - Sample - 컴퓨터 상의 ... 때문에 같은 태그로 인식됩 니다. 또한 HTML 문서는 두개 이상의
  • [컴퓨터]HTML의 개념 4페이지
    HTML 개념 1. html 이란? ※ 태그(tag)란 무엇인가 ... . HTMLTAG는 엄밀히 말해 같은 개념은 아닙니다. 태그(TAG ... )는 HTML를 이루는 개개의 명령어입니다. 이러한 TAG명령어들이 모여
  • [인터넷기초] HTML(Hypertext Markup Language)의 개념 29페이지
    >태그를 사용한다 하더라도 해당 HTML문서 사용자의 컴퓨터에 플러그 ... 작성하는 데 쓰인다. HTML에서 사용하는 명령어를 태그(tag)라고 하는데 ... <HTML> <Font><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/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> 비교해 보세요. <<strong>html</strong>> <head> <title> font <strong>tag</strong> ... 만들자. </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 tag"; viewerObj._isBookSummary = false; viewerObj._availableBookSummaryCount = 0; viewerObj._availableBookSummaryPeriod = ''; viewerObj._isPreviewOpen = false; viewerObj._pageKocPoint = 100; viewerObj._downKocPoint = 300; viewerObj._payPageCount = 3; viewerObj._isGuest = true viewerObj._isPartnerDoc = false; viewerObj._accountKocPoint = 0; viewerObj._kocServiceDoc = true; viewerObj._previewNotice = ""; viewerObj.construct( 2404934, 'goguma0802', '', 'report', '0' ); } RecommendUserLog.setLogData(2404934,0,'', ''); jQuery(function($) { $('.de_cont').last().css('border-bottom', '0px'); Opinion.opinionLoad(2404934,'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":"HTML tag","content":"1. \uc5b4\ub5a4 \ubc84\uc804\uc758 HTML\uc744 \uc0ac\uc6a9\ud558\uace0 \uc788\ub294\uc9c0\ub97c \ud45c\uc2dc\ud55c\ub2e4. <!DOCTYPE HTML~> \ud604\uc7ac HTML \ubb38\uc11c\uac00 \uc5b4\ub5a4 \ubc84\uc804\uc758 HTML\ub85c \ub9cc\ub4e4\uc5b4\uc84c\ub294\uc9c0\ub97c \ud45c\uc2dc\ud55c\ub2e4. ex) <!DOCTYPE HTML PUBLIC \\\"-\/\/W3C\/\/DTD HTML 4.0 Transitional\/\/EN\\\" \\\"http:\/\/www.w3c.org\/TR\/REC-html40\/loose.dtd\\\"> <HTML lang=\\\"kr\\\"> 2. HTML\ubb38\uc11c\uc5d0 \ubc18\ub4dc\uc2dc \ud544\uc694\ud55c \uc694\uc18c <HTML>~<\/HTML> <HEAD>~<\/HEAD> <TITLE>~<\/TITLE> <BODT>~<\/BODY> HTML\ubb38\uc11c\uc5d0\uc11c\ub294 <!DOCTYPE>\uc744 \uae30\uc785\ud560 \uacbd\uc6b0 \uc6b0\uc120 \ub9e8 \uc55e\uc5d0 <!DOCTYPE~>\uc744 \uc4f0\uace0 \uadf8 \uc774\uc678\uc758 \ubaa8\ub4e0 \ub0b4\uc6a9\uc740 <HTML>~<\/HTML>\ubc94\uc704 \uc548\uc5d0 \uae30\uc785\ud55c\ub2e4. <HTML>~<\/HTML>\ubc94\uc704\uc5d0\ub294 HTML\ubb38\uc11c\uc5d0 \uad00\ub828\ub41c \uc815\ubcf4\ub97c \uc785\ub825\ud558\uace0, <BODY>~<\/BODY>\ubc94\uc704\uc5d0\ub294 \uadf8 \ubb38\uc11c\uc758 \uc2e4\uc81c \ub0b4\uc6a9\uc774 \ub418\ub294 \ub370\uc774\ud130\ub97c \uc785\ub825\ud55c\ub2e4. <TITLE>~<\/TITLE>\uc0ac\uc774\uc5d0 \uc81c\ubaa9\uc744 \uc785\ub825\ud558\uba70 \uc774\uacf3\uc5d0 \uc785\ub825\ub41c \ub0b4\uc6a9\uc740 \uc6f9 \ube0c\ub77c\uc6b0\uc800\uc758 \uc81c\ubaa9 \ud45c\uc2dc\uc904\uc5d0 \ub098\ud0c0\ub098\uac8c \ub41c\ub2e4. ex) <!DOCTYPE HTML PUBLIC \\\"-\/\/W3C\/\/DTD HTML 4.0 Transitional\/\/EN\\\" \\\"http:\/\/www.w3c.org\/TR\/REC-html40\/loose.dtd\\\">","updateTime":"20031103200113"}); Doc.showLatestView(2404934, 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 </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. 기본 <strong>TAG</strong>들 p2-3 2 ... . <strong>HTML</strong> Tips p20-21 【<strong>HTML</strong> <strong>태그</strong>의 정의와 구조 ... . </blink> </body> </<strong>html</strong>> 3. 선 그리기 <hr> hr <strong>tag</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/8631338" onclick="Doc.setRelateListClickDoc(8631338); Common.hcLogTrace(204, 923);" target="_blank"> [<strong>HTML</strong>][<strong>HTML</strong>문서][인터넷][웹사이트]<strong>HTML</strong>의 의미, <strong>HTML</strong>의 기본구조, <strong>HTML</strong>의 기본<strong>태그</strong>, <strong>HTML</strong>의 문자편집, <strong>HTML</strong>의 목록편집, <strong>HTML</strong>의 표편집, <strong>HTML</strong>의 링크편집, <strong>HTML</strong>의 이미지삽입, <strong>HTML</strong>의 선그리기 분석</a> <span class="recom_info">17페이지</span> </span></dt> <dd> Media)라는 표현이 정확하다. <strong>태그</strong>(<strong>TAG</strong>)는 인간과 <strong>컴퓨터</strong> 사이의 ... 문서는 어떻게 만드는가 3. <strong>HTML</strong> <strong>태그</strong>(<strong>Tag</strong>)란 무엇인가 Ⅲ ... 디렉토리, 다른 디렉토리, 다른 <strong>컴퓨터</strong>로의 연결 방법과 같다. <img </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/ppt.gif" alt=""></span><span class="r_tit"><a href="/doc/3404425" onclick="Doc.setRelateListClickDoc(3404425); Common.hcLogTrace(204, 923);" target="_blank">[<strong>컴퓨터</strong> 기본] <strong>html</strong>이 뭘까</a> <span class="recom_info">18페이지</span> </span></dt> <dd> <strong>컴퓨터</strong> 통신 간의 일정한 규칙 <strong>html</strong>(Hypertext Markup ... body 본문 title 문서의 제목 <strong>Html</strong> <strong>tag</strong> ▶문서 배경 <strong>태그</strong> ... 순간의 색을 지정. <strong>Html</strong> <strong>tag</strong> P 내용 /P : 문단을 나누는 <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/4194713" onclick="Doc.setRelateListClickDoc(4194713); Common.hcLogTrace(204, 923);" target="_blank">[공학]<strong>html</strong>정의와 종류</a> <span class="recom_info">7페이지</span> </span></dt> <dd> 프로그래밍 언어라고 할 수 있다. 그리고 <strong>태그</strong>(<strong>TAG</strong>)는 <strong>HTML</strong> 를 이루는 ... ■ <strong>HTML</strong>문서는 <strong>태그</strong>(<strong>TAG</strong>)로 구성된다. ■ <strong>태그</strong>(<strong>TAG</strong>)는 다양한 속성을 ... 개개의 명령어다. 이러한 <strong>TAG</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/4033927" onclick="Doc.setRelateListClickDoc(4033927); Common.hcLogTrace(204, 923);" target="_blank">[<strong>html</strong> <strong>태그</strong>]<strong>html</strong> <strong>태그</strong> 에관한 간략한 정리</a> <span class="recom_info">3페이지</span> </span></dt> <dd><strong>태그</strong>(<strong>tag</strong>)란 무엇인가 <strong>HTML</strong> 이란 "Hyper Text ... 프로그래밍 언어라고 할 수 있다. <strong>태그</strong>(<strong>TAG</strong>)는 <strong>HTML</strong> 를 이루는 개개의 ... 명령어이다. 이러한 <strong>TAG</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/10889872" onclick="Doc.setRelateListClickDoc(10889872); Common.hcLogTrace(204, 923);" target="_blank"> [<strong>HTML</strong>][<strong>HTML</strong> 홈페이지제작기술][<strong>HTML</strong> 구성요소][<strong>HTML</strong> 전망]<strong>HTML</strong>의 정의, <strong>HTML</strong>의 특성, <strong>HTML</strong>의 장단점, <strong>HTML</strong>의 기능, <strong>HTML</strong>의 홈페이지 제작기술, <strong>HTML</strong>의 기본구성, <strong>HTML</strong>의 구성요소, <strong>HTML</strong>의 전망 분석</a> <span class="recom_info">8페이지</span> </span></dt> <dd>. <strong>HTML</strong>의 홈페이지 제작기술 Ⅶ. <strong>HTML</strong>의 기본구성 1. <strong>태그</strong>(<strong>Tag</strong>) 2 ... 공통의 표준화된 문서체계이므로 <strong>컴퓨터</strong>의 종류나 지역, 국가, 등에 무관하게 ... 의 기본구성 1. <strong>태그</strong>(<strong>Tag</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/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>(<strong>TAG</strong>)로 구성되어 있다. <strong>태그</strong>는 <strong>HTML</strong> ... 이러한 것들을 정의할 때 사용하는 것이 <strong>태그</strong>이다. ◆ <strong>HTML</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/1040646" onclick="Doc.setRelateListClickDoc(1040646); Common.hcLogTrace(204, 923);" target="_blank"><strong>HTML</strong> <strong>태그</strong></a> <span class="recom_info">14페이지</span> </span></dt> <dd> 언어로서 <strong>태그</strong>(<strong>TAG</strong>)로 구성되어 있습니다. <strong>태그</strong>는 <strong>HTML</strong> 문서에서 일반 ... .<strong>HTML</strong> <strong>태그</strong>를 잘못 사용했다 하더라도 브라우져에서는 에러를 발생시키지 ... 않습니다. ▶<strong>HTML</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/zip.gif" alt=""></span><span class="r_tit"><a href="/doc/5028848" onclick="Doc.setRelateListClickDoc(5028848); Common.hcLogTrace(204, 923);" target="_blank">[자바] <strong>HTML</strong> <strong>Tag</strong> 매치 확인 프로그램 / <strong>HTML</strong> <strong>Tag</strong> Match Programming</a> <span class="recom_info">1페이지</span> </span></dt> <dd> #3 Matching <strong>Tags</strong> in an <strong>HTML</strong> Document 문제정의 ... 이번 프로그램 숙제는 <strong>HTML</strong> 문서의 <strong>tag</strong>가 서로 매칭되는지를 ... 서에 있는 것을 수정해서 사용한다. 요구사항 1) <strong>HTML</strong> 문서는 각종 <strong>태그</strong> </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/hwp.gif" class="im_p"> <a onclick="Common.hcLogTrace(204, 909);" href="/doc/4040444">[웹프로그래밍]제로보드 </a><span class="recom_info">2페이지</span></li> <li><img src="/images/v4/common/file_icons/zip.gif" class="im_p"> <a onclick="Common.hcLogTrace(204, 909);" href="/doc/1192192">[인터넷기초] HTML(Hypertext Markup Language)의 개념 </a><span class="recom_info">29페이지</span></li> <li><img src="/images/v4/common/file_icons/hwp.gif" class="im_p"> <a onclick="Common.hcLogTrace(204, 909);" href="/doc/4194713">[공학]html정의와 종류 </a><span class="recom_info">7페이지</span></li> <li><img src="/images/v4/common/file_icons/hwp.gif" class="im_p"> <a onclick="Common.hcLogTrace(204, 909);" href="/doc/1193101">태그정리 </a><span class="recom_info">4페이지</span></li> <li><img src="/images/v4/common/file_icons/hwp.gif" class="im_p"> <a onclick="Common.hcLogTrace(204, 909);" href="/doc/4515415">HTML / XML 비교 </a><span class="recom_info">6페이지</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('2404934','1', true);return false;">구매평가<em>(<em id="div_op">1</em>)</em></a></li> <li><a href="#" onclick="Common.hcLogTrace(204, 911);Ask.askLoad('2404934','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_id2404934" value="goguma0802"> <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%2F2404934'); 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('2404934',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="schoolInfoPageTotalCount2404934"> <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"> goguma0802 <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/1989" target="_blank" ><img src="/images/hcBanner/2017/07/31/1989.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/1999" target="_blank" ><img src="/images/hcBanner/2017/08/16/1999.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/607423?pid=150931" target="_blank"><img src="http://image.yes24.com/momo//TopCate33/MidCate09/3288915.jpg" width="100px" height="136px" alt=""></a> </dt> <dd class="tit"><a href="http://www.yes24.com/24/goods/607423?pid=150931" target="_blank" title="Mastering JSP Custom Tags and Tag Libraries " onclick="Common.hcLogTrace(204, 897);">Mastering JSP Custom Tags and Tag Libraries </a></dd> <dd class="btxt">John Wiley & Sons</dd> <dd class="ptxt">52,690원</dd> </dl> </li> <li style="display:none;"> <dl> <dt class="thmb"> <a onclick="Common.hcLogTrace(204, 897);" href="http://www.yes24.com/24/goods/6185244?pid=150931" target="_blank"><img src="http://image.yes24.com/momo//TopCate164/MidCate09/16386914.jpg" width="100px" height="136px" alt=""></a> </dt> <dd class="tit"><a href="http://www.yes24.com/24/goods/6185244?pid=150931" target="_blank" title="입력강화" onclick="Common.hcLogTrace(204, 897);">입력강화</a></dd> <dd class="btxt">한국문화사</dd> <dd class="ptxt">14,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/7046832?pid=150931" target="_blank"><img src="http://image.yes24.com/momo//TopCate185/MidCate09/18487088.jpg" width="100px" height="136px" alt=""></a> </dt> <dd class="tit"><a href="http://www.yes24.com/24/goods/7046832?pid=150931" target="_blank" title="HTML5" onclick="Common.hcLogTrace(204, 897);">HTML5</a></dd> <dd class="btxt">e비즈북스</dd> <dd class="ptxt">6,750원</dd> </dl> </li> <li style="display:none;"> <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> </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/2404934/HTML_tag.jpg" width="100%" height="auto" alt="HTML tag" style="padding-top: 5px;" /> </div> </div> <script language="javascript" type="text/javascript"> // 상세뷰어 생성 var ask = ""; // 정보관리의 구매문의 탭에서 들어왔을 경우 var docSeq = "2404934"; $(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> </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(2404934);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"> //if(typeof _GUL == 'undefined'){ // var _GCD = 1;var _GUL = 'ace.happycampus.com';var _GPT='80'; var _AIMG = new Image(); var _bn=navigator.appName; var _PR = location.protocol=="https:"?"https://"+_GUL:"http://"+_GUL+":"+_GPT;if( _bn.indexOf("Netscape") > -1 || _bn=="Mozilla"){ setTimeout("_AIMG.src = _PR+'/?cookie';",1); } else{ _AIMG.src = _PR+'/?cookie'; } // document.writeln("<scr"+"ipt language='javascript' src='http://www.happycampus.com/js/acecounter/acecounter_V70.js'></scr"+"ipt>"); //} </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.29585790634155-->