[인터넷기초] HTML(Hypertext Markup Language)의 개념

등록일 2003.03.26 압축파일 (zip) | 29페이지 | 가격 500원

소개글

이 문서는 HTML의 사용법과 예제가 수록되어 있습니다.
그리고 화면을 캡쳐하여 그림 이미지로 보여지게 됩니다.

목차

태그(TAG)
HTML 기본구조
HTML 시작
글자입력하기
태그의 사용예제
이미지삽입하기
하이퍼링크, 문서의 특정위치로 링크하기
문서속성설정하기
배경음악넣기
멀티미디어
프레임
아이프레임
폼태그
폼태그를 이용한 간단한 회원가입 양식 예제

본문내용

HTML(Hypertext Markup Language)의 개념
월드 와이드 웹에서 하이퍼텍스트 문서를 만들기 위하여 사용되는 기본언어
인터넷 서비스의 하나인 월드 와이드 웹을 통해 볼 수 있는 문서를 만들 때 사용하는 프로그래밍 언어의 한 종류이다. 특히 하이퍼텍스트를 작성하기 위해 개발되었으며, 인터넷에서 웹을 통해 접근되는 모든 웹 페이지들은 HTML로 작성된다
HTML은 문서의 글자크기,글자색,글자모양,그래픽,문서이동(하이퍼링크)등을 정의하는 명령어로서 홈페이지를 작성하는데 쓰인다. HTML에서 사용하는 명령어를 태그(tag)라고 하는데 태그는 반드시 시작과 끝을 표시하는 2개의 쌍으로 이루어져 있다. 또한 HTML로 작성된 문서를 HTML문서라 하며 이 HTML로 작성된 문서를 웹 브라우저가 해석하여 이용자에게 보여주게 된다. HTML에서는 문서가 별도의 코드(code)를 인식하여 완벽한 하이퍼텍스트를 만들뿐만 아니라 단어 또는 단문을 인터넷의 다른 장소나 파일로 연결시킬수 있다.
HTML은 전자 문서의 서식을 정의하기 위해 만들어졌으며,국제표준 SGML의 부분 집합으로 정의되었다. HTML은 SGML에서 특히 하이퍼텍스트를 강조하여 만들어진 언어이며,ASCII 문자로 구성된 일반적인 텍스트로 구성되었다. 이 언어는 별도 컴파일러가 필요치 않으며,웹 브라우저에서 해석이 가능한 사용하기 쉬운 언어로 각광을 받고 있다.
*원하는 자료를 검색 해 보세요.
  • [인터넷] 홈페이지와 HTML, 태그 9페이지
    1.홈페이지와 html 20세기말 인터넷이 널리 보급되면서 홈페이지의 ... 이라는 문서 편집 언어를 기초로 HTML이라는 새로운 방식의 인터넷 ... 인터넷에서 개인이나 사업하는 사람이 자신이 소개하고 싶은 것을 만들어서
  • [HTML][HTML문서][인터넷][웹사이트]HTML의 의미, HTML의 기본구조, HTML의 기본태그, HTML의 문자편집, HTML의 목록편집, HTML의 표편집, HTML의 링크편집, HTML의 이미지삽입, HTML의 선그리기 분석 17페이지
    문서는 어떻게 만드는가 3. HTML 태그(Tag)란 무엇인가 Ⅲ ... 간단히 HTML이라고 한다. 모자이크가 출현하기 전에는 인터넷은 일종의 ... HTML의 의미, 기본구조, 기본태그HTML의 문자편집, 목록편집
  • [컴퓨터]태그 완전 정리 19페이지
    태그(Tag) 라고 불리는 특별할 형식을 사용합니다. HTML ... 때문에 같은 태그로 인식됩 니다. 또한 HTML 문서는 두개 이상의 ... 도를 이끌어갈 한국 인터넷 교육방송

    [프로그래밍언어] HTML 태그에 대해서 22페이지
    HTML 태그의 정의와 구조 p1 1. 기본 TAG들 p2-3 2 ... HTML이란 새로운 방식의 인터넷 문서를 만들어 내게 되었습니다. NCSA에서는 ... . HTML Tips p20-21 【HTML 태그의 정의와 구조
  • HTML(태그)에 대해서... 22페이지
    비교해 보세요. <html> 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._formOnePageOpen = false; viewerObj._is_permission = true; viewerObj._doc_title = "[인터넷기초] HTML(Hypertext Markup Language)의 개념"; 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 = "<strong>미리보기는 자동 선택된 자료의 <a id='viewer_page_cnt'></a>장까지 제공되며,</strong> 실제 페이지 수와 상이할 수 있습니다.</br> 자료의 페이지 수도 자동 선택된 자료의 페이지 수로 표시됩니다."; viewerObj.construct( 1192192, 'devtaca', '', 'report', '0' ); } RecommendUserLog.setLogData(1192192,0,'', ''); jQuery(function($) { $('.de_cont').last().css('border-bottom', '0px'); Opinion.opinionLoad(1192192,'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\uae30\ucd08] HTML(Hypertext Markup Language)\uc758 \uac1c\ub150","content":"HTML(Hypertext Markup Language)\uc758 \uac1c\ub150 \uc6d4\ub4dc \uc640\uc774\ub4dc \uc6f9\uc5d0\uc11c \ud558\uc774\ud37c\ud14d\uc2a4\ud2b8 \ubb38\uc11c\ub97c \ub9cc\ub4e4\uae30 \uc704\ud558\uc5ec \uc0ac\uc6a9\ub418\ub294 \uae30\ubcf8\uc5b8\uc5b4 \uc778\ud130\ub137 \uc11c\ube44\uc2a4\uc758 \ud558\ub098\uc778 \uc6d4\ub4dc \uc640\uc774\ub4dc \uc6f9\uc744 \ud1b5\ud574 \ubcfc \uc218 \uc788\ub294 \ubb38\uc11c\ub97c \ub9cc\ub4e4 \ub54c \uc0ac\uc6a9\ud558\ub294 \ud504\ub85c\uadf8\ub798\ubc0d \uc5b8\uc5b4\uc758 \ud55c \uc885\ub958\uc774\ub2e4. \ud2b9\ud788 \ud558\uc774\ud37c\ud14d\uc2a4\ud2b8\ub97c \uc791\uc131\ud558\uae30 \uc704\ud574 \uac1c\ubc1c\ub418\uc5c8\uc73c\uba70, \uc778\ud130\ub137\uc5d0\uc11c \uc6f9\uc744 \ud1b5\ud574 \uc811\uadfc\ub418\ub294 \ubaa8\ub4e0 \uc6f9 \ud398\uc774\uc9c0\ub4e4\uc740 HTML\ub85c \uc791\uc131\ub41c\ub2e4 HTML\uc740 \ubb38\uc11c\uc758 \uae00\uc790\ud06c\uae30,\uae00\uc790\uc0c9,\uae00\uc790\ubaa8\uc591,\uadf8\ub798\ud53d,\ubb38\uc11c\uc774\ub3d9(\ud558\uc774\ud37c\ub9c1\ud06c)\ub4f1\uc744 \uc815\uc758\ud558\ub294 \uba85\ub839\uc5b4\ub85c\uc11c \ud648\ud398\uc774\uc9c0\ub97c \uc791\uc131\ud558\ub294\ub370 \uc4f0\uc778\ub2e4. HTML\uc5d0\uc11c \uc0ac\uc6a9\ud558\ub294 \uba85\ub839\uc5b4\ub97c \ud0dc\uadf8(tag)\ub77c\uace0 \ud558\ub294\ub370 \ud0dc\uadf8\ub294 \ubc18\ub4dc\uc2dc \uc2dc\uc791\uacfc \ub05d\uc744 \ud45c\uc2dc\ud558\ub294 2\uac1c\uc758 \uc30d\uc73c\ub85c \uc774\ub8e8\uc5b4\uc838 \uc788\ub2e4. \ub610\ud55c HTML\ub85c \uc791\uc131\ub41c \ubb38\uc11c\ub97c HTML\ubb38\uc11c\ub77c \ud558\uba70 \uc774 HTML\ub85c \uc791\uc131\ub41c \ubb38\uc11c\ub97c \uc6f9 \ube0c\ub77c\uc6b0\uc800\uac00 \ud574\uc11d\ud558\uc5ec \uc774\uc6a9\uc790\uc5d0\uac8c \ubcf4\uc5ec\uc8fc\uac8c \ub41c\ub2e4. HTML\uc5d0\uc11c\ub294 \ubb38\uc11c\uac00 \ubcc4\ub3c4\uc758 \ucf54\ub4dc(code)\ub97c \uc778\uc2dd\ud558\uc5ec \uc644\ubcbd\ud55c \ud558\uc774\ud37c\ud14d\uc2a4\ud2b8\ub97c \ub9cc\ub4e4\ubfd0\ub9cc \uc544\ub2c8\ub77c \ub2e8\uc5b4 \ub610\ub294 \ub2e8\ubb38\uc744 \uc778\ud130\ub137\uc758 \ub2e4\ub978 \uc7a5\uc18c\ub098 \ud30c\uc77c\ub85c \uc5f0\uacb0\uc2dc\ud0ac\uc218 \uc788\ub2e4. HTML\uc740 \uc804\uc790 \ubb38\uc11c\uc758 \uc11c\uc2dd\uc744 \uc815\uc758\ud558\uae30 \uc704\ud574 \ub9cc\ub4e4\uc5b4\uc84c\uc73c\uba70,\uad6d\uc81c\ud45c\uc900 SGML\uc758 \ubd80\ubd84 \uc9d1\ud569\uc73c\ub85c \uc815\uc758\ub418\uc5c8\ub2e4. HTML\uc740 SGML\uc5d0\uc11c \ud2b9\ud788 \ud558\uc774\ud37c\ud14d\uc2a4\ud2b8\ub97c \uac15\uc870\ud558\uc5ec \ub9cc\ub4e4\uc5b4\uc9c4 \uc5b8\uc5b4\uc774\uba70,ASCII \ubb38\uc790\ub85c \uad6c\uc131\ub41c \uc77c\ubc18\uc801\uc778 \ud14d\uc2a4\ud2b8\ub85c \uad6c\uc131\ub418\uc5c8\ub2e4. \uc774 \uc5b8\uc5b4\ub294 \ubcc4\ub3c4 \ucef4\ud30c\uc77c\ub7ec\uac00 \ud544\uc694\uce58 \uc54a\uc73c\uba70,\uc6f9 \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c \ud574\uc11d\uc774 \uac00\ub2a5\ud55c \uc0ac\uc6a9\ud558\uae30 \uc26c\uc6b4 \uc5b8\uc5b4\ub85c \uac01\uad11\uc744 \ubc1b\uace0 \uc788\ub2e4.","updateTime":"20030328212528"}); Doc.showLatestView(1192192, 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="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/4069922" onclick="Doc.setRelateListClickDoc(4069922); Common.hcLogTrace(204, 923);" target="_blank">[컴퓨터]<strong>HTML</strong>의 개념</a> <span class="recom_info">4페이지</span> </span></dt> <dd><strong>HTML</strong> 개념 1. <strong>html</strong> 이란? ※ <strong>태그</strong>(<strong>tag</strong>)란 무엇인가 ... . <strong>HTML</strong>과 <strong>TAG</strong>는 엄밀히 말해 같은 개념은 아닙니다. <strong>태그</strong>(<strong>TAG</strong> ... )는 <strong>HTML</strong>를 이루는 개개의 명령어입니다. 이러한 <strong>TAG</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/1036938" onclick="Doc.setRelateListClickDoc(1036938); Common.hcLogTrace(204, 923);" target="_blank"><strong>HTML</strong></a> <span class="recom_info">128페이지</span> </span></dt> <dd><strong>인터넷</strong> 프로그래밍 제2장 <strong>HTML</strong> 문서의 작성 오세만, 이용규, 김지인 ... 공저 생능 출판사 2.1 <strong>HTML</strong>의 기본 <strong>태그</strong> 기본 <strong>태그</strong> 문자 서식 ... 구조를 정의하기 위한 기본 <strong>태그</strong>들 <strong>HTML</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/1045910" onclick="Doc.setRelateListClickDoc(1045910); Common.hcLogTrace(204, 923);" target="_blank">[<strong>HTML</strong>] <strong>HTML</strong> & <strong>TAG</strong> 강좌</a> <span class="recom_info">15페이지</span> </span></dt> <dd>. ▶ 예제 { <<strong>html</strong>> <head> <title> Heading <strong>태그</strong> ... .<H_<strong>tag</strong> 실행 결과> 2. <BODY> <strong>태그</strong> 실질적인 홈페이지의 ... > </<strong>html</strong>> { { 6.<hr <strong>tag</strong> 실행 결과> 7.<a_<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/ppt.gif" alt=""></span><span class="r_tit"><a href="/doc/3404425" onclick="Doc.setRelateListClickDoc(3404425); Common.hcLogTrace(204, 923);" target="_blank">[컴퓨터 기본] <strong>html</strong>이 뭘까</a> <span class="recom_info">18페이지</span> </span></dt> <dd> body 본문 title 문서의 제목 <strong>Html</strong> <strong>tag</strong> ▶문서 배경 <strong>태그</strong> ... 순간의 색을 지정. <strong>Html</strong> <strong>tag</strong> P 내용 /P : 문단을 나누는 <strong>태그</strong> ... 말함 <strong>Html</strong> <strong>tag</strong> font 글자 관련<strong>태그</strong> font size=“3 </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/1131347" onclick="Doc.setRelateListClickDoc(1131347); Common.hcLogTrace(204, 923);" target="_blank">[전산 ] <strong>인터넷</strong> 실습 <strong>html</strong></a> <span class="recom_info">18페이지</span> </span></dt> <dd>양식 <strong>태그</strong>(<strong>Tag</strong>) : <strong>HTML</strong>문서요소의 형식, 특성 등을 정의하는 명령 ... 환경설정 <strong>Internet</strong> 사용계정 HTTPD 설치 여부 확인 ... <strong>HTML</strong>문서에 대한 정보를 나타냄 <HEAD> ... </HEAD> <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/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>HTML</strong>은 <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/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/zip.gif" alt=""></span><span class="r_tit"><a href="/doc/1192158" onclick="Doc.setRelateListClickDoc(1192158); Common.hcLogTrace(204, 923);" target="_blank">[컴퓨터] <strong>인터넷</strong>과 PC통신</a> <span class="recom_info">12페이지</span> </span></dt> <dd>.<strong>html</strong> 여러가지 <strong>태그</strong> 연습 중 나만의 작은 세계 지금은 <strong>tag</strong> 연습 중 ... > - 2000KO065 임 주 희 - Ⅳ. PC 통신과 <strong>인터넷</strong> - 6. 나도 ... 홈페이지를… 학 습 목 표 <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/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> </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/1099277">[html] 홈페이지의 기본적인 개념과 HTML의 이해 </a><span class="recom_info">49페이지</span></li> <li><img src="/images/v4/common/file_icons/hwp.gif" class="im_p"> <a onclick="Common.hcLogTrace(204, 909);" href="/doc/1127552">[웹언어] SGML,HTML,XML의 비교분석 </a><span class="recom_info">5페이지</span></li> <li><img src="/images/v4/common/file_icons/doc.gif" class="im_p"> <a onclick="Common.hcLogTrace(204, 909);" href="/doc/1198424">[컴퓨터] css 기본개요 </a><span class="recom_info">5페이지</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> <li><img src="/images/v4/common/file_icons/hwp.gif" class="im_p"> <a onclick="Common.hcLogTrace(204, 909);" href="/doc/1114106">[디자인] 웹디자인 </a><span class="recom_info">9페이지</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('1192192','1', true);return false;">구매평가<em>(<em id="div_op">2</em>)</em></a></li> <li><a href="#" onclick="Common.hcLogTrace(204, 911);Ask.askLoad('1192192','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_id1192192" value="devtaca"> <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%2F1192192'); 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('1192192',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="schoolInfoPageTotalCount1192192"> <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"> devtaca <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/2042" target="_blank" ><img src="/images/hcBanner/2017/09/05/2042.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/2048" target="_blank" ><img src="/images/hcBanner/2017/09/05/2048.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/256758?pid=150931" target="_blank"><img src="http://image.yes24.com/momo//TopCate05/MidCate03/424615.jpg" width="100px" height="136px" alt=""></a> </dt> <dd class="tit"><a href="http://www.yes24.com/24/goods/256758?pid=150931" target="_blank" title="인터넷 마케팅의 원칙" onclick="Common.hcLogTrace(204, 897);">인터넷 마케팅의 원칙</a></dd> <dd class="btxt">굿인포메이션</dd> <dd class="ptxt">13,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/3046741?pid=150931" target="_blank"><img src="http://image.yes24.com/momo//TopCate65/MidCate09/6488667.jpg" width="100px" height="136px" alt=""></a> </dt> <dd class="tit"><a href="http://www.yes24.com/24/goods/3046741?pid=150931" target="_blank" title="인터넷@홈페이지 활용" onclick="Common.hcLogTrace(204, 897);">인터넷@홈페이지 활용</a></dd> <dd class="btxt">디지털북스</dd> <dd class="ptxt">16,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/4084593?pid=150931" target="_blank"><img src="http://image.yes24.com/momo//TopCate89/MidCate03/8827236.jpg" width="100px" height="136px" alt=""></a> </dt> <dd class="tit"><a href="http://www.yes24.com/24/goods/4084593?pid=150931" target="_blank" title="인터넷 기초" onclick="Common.hcLogTrace(204, 897);">인터넷 기초</a></dd> <dd class="btxt">에이스ME</dd> <dd class="ptxt">8,100원</dd> </dl> </li> <li style="display:none;"> <dl> <dt class="thmb"> <a onclick="Common.hcLogTrace(204, 897);" href="http://www.yes24.com/24/goods/3776331?pid=150931" target="_blank"><img src="http://image.yes24.com/momo//TopCate83/MidCate01/8200989.jpg" width="100px" height="136px" alt=""></a> </dt> <dd class="tit"><a href="http://www.yes24.com/24/goods/3776331?pid=150931" target="_blank" title="인터넷 해외마케팅" onclick="Common.hcLogTrace(204, 897);">인터넷 해외마케팅</a></dd> <dd class="btxt">두남</dd> <dd class="ptxt">16,150원</dd> </dl> </li> <li style="display:none;"> <dl> <dt class="thmb"> <a onclick="Common.hcLogTrace(204, 897);" href="http://www.yes24.com/24/goods/4039236?pid=150931" target="_blank"><img src="http://image.yes24.com/momo//TopCate88/MidCate02/8716404.jpg" width="100px" height="136px" alt=""></a> </dt> <dd class="tit"><a href="http://www.yes24.com/24/goods/4039236?pid=150931" target="_blank" title="인터넷 이해와 활용" onclick="Common.hcLogTrace(204, 897);">인터넷 이해와 활용</a></dd> <dd class="btxt">한빛미디어</dd> <dd class="ptxt">22,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/1192192/%EC%9D%B8%ED%84%B0%EB%84%B7%EA%B8%B0%EC%B4%88_HTML%28Hypertext_Markup_Language%29%EC%9D%98_%EA%B0%9C.jpg" width="100%" height="auto" alt="[인터넷기초] HTML(Hypertext Markup Language)의 개념" style="padding-top: 5px;" /> </div> </div> <script language="javascript" type="text/javascript"> // 상세뷰어 생성 var ask = ""; // 정보관리의 구매문의 탭에서 들어왔을 경우 var docSeq = "1192192"; $(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(1192192);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.30354595184326-->