HTML 핵심 가이드

한빛미디어

번역서

절판

페이스북 퍼가기 트위터 퍼가기

저자 : 척 무시아노(Chuck Musciano) , 빌 케네디(Bill Kennedy)
번역 : 최범균
출간 : 2000-03-01
페이지 : 656 쪽
ISBN : 8979140576
물류코드 :1057
초급 초중급 중급 중고급 고급

4점 (1명)

좋아요 : 0

리뷰쓰기

오탈자 등록

『 HTML 핵심 가이드』는 빠르게 변화하고 있는 HTML과 신기술에 대한 명쾌한 해답을 제시한다. 이 책은 오늘날 HTML에서 가능한 모든 것을 가장 포괄적으로 다루고 있으며, 최신 표준과 웹 브라우저가 제공되는 최신 기능을 한꺼번에 다루고 있다.
특히 HTML의 모든 요소를 자세히 다루었고, 각 요소가 어떻게 동작하며, 다른 요소와 어떻게 상호 작용하는지 등을 세세하게 설명하고 있다. HTML 스타일과 관련해 제시하는 수많은 힌트를 이용하면 간단한 온라인 매뉴얼에서부터 복잡한 전자상거래에 이르기까지 다양한 문서를 작성하는 데 도움을 받을 수 있을 것이다. 또한 수백 개의 예제를 통해서 자신만의 효과적인 웹 페이지를 작성하고 스타일시트와 프레임 등 향상된 기능을 정복할 수 있도록 도와주는 방안도 제시한다. 그리고 한 차원 높은 전문 지식을 습득할 수 있도록 최신 기술 퀵 레퍼런스도 포함해 놓았다.

주요 내용

문서의 모양을 제어하기 위한 스타일시트와 레이어 사용 방법
테이블을 만드는 다양한 방법
문서의 집합을 통합하기 위한 프레임 사용 방법
상호 작용하는 폼과 동적인 문서를 디자인 하고 만드는 방법
이미지, 사운드. 비디오, 애플릿 그리고 자바스크립트 활용 방법
여러 브라우저에서 제대로 동작하는 문서를 만드는 방법
다양한 언어를 지원하는 새로운 특징

저자

척 무시아노

척 무시아노는 미국 동부 연안에서 자랐다. 1982년 조지아 공대(Georgia Tech)에서 컴퓨터학과를 졸업한 후 해리스(Harris Corp.)에서 컴파일러 제작자 및 기술자로 일했으며, 나중에는 어드밴스트 테크놀러지 그룹(Advenced Technology Group)의 회원으로 활동하였다. 지난 10년간 <트레이드(trade)>지에 유닉스와 인터넷을 주제로 많은 글을 기고하였으며, "넷스케이프월드(NetscapeWorld, http://www.netscapeword.com)"의 "HTML Q&A" 담당 칼럼리스트, "썬월드(SunWorld, http://www.sunword.com)"의 "웹마스터(Webmaster)" 담당 칼럼리스트 그리고 "웹리뷰(WebReview, http://www.webreview.com)"의 "Tag of Week" 담당 칼럼리스트로 활동하였다.

저자

빌 케네디

빌 케네디는 현재 액티브미디어(ActivMedia Inc.)의 회장이다. 인공 지능과 퍼지 이론 연구에서 주로 사용되는 모빌 로보틱 플랫폼의 개발과 판매에 활발히 활동하였다. 박사과정을 이수하였고 12년 동안 생화학과 생물물리학 분야의 기반기술을 연구하였다. 또한 케네메이션(Kenemation)에서 교육 소프트웨어를 개발하였으며, "에이플러스 퍼블리싱(A+ Publishing)"의 편집장으로 일했다. 나중에는 전문성을 인정받아 <썬월드/어드밴스트 시스템즈(SunWord/Advanced Systems)>지의 선임 편집자로 일하기도 했다.

역자

최범균

현재 고려대학교 컴퓨터학과에 재학중이며 동교 전기전자연구회(KUERA)에서 활동하고 있다. <자바2>(가메출판사)를 저술한 바 있고, 네트워크 및 분산처리 시스템에 관심이 있다.

역자서문

서 문

1장. HTML과 월드 와이드 웹
인터넷, 인트라넷, 엑스트라넷
인터넷 주소
HTML은 무엇인가
HTML의 한계
비표준 확장
HTML 디자인을 위한 저작도구

2장. HTML 가볍게 시작하기
저작 도구 사용하기
첫번째 HTML 문서
HTML 태그
HTML 구조
HTML 문서의 몸체
HTML과 텍스트
하이퍼링크
이미지는 특별하다
리스트, 탐색 가능 문서 그리고 폼
테이블
프레임
스타일시트와 자바스크립트
나아가기

3장. HTML 문서의 분석
겉모양은 다를 수 있다
HTML 문서의 구조
HTML 태그
문서 내용
HTML 문서 요소
문서 헤더
문서의 몸체
편집을 위한 태그
태그

4장. 텍스트 기본
분할과 단락
헤드부
문서 모양의 변경
내용 기반의 스타일 태그
물리적 스타일 태그
폰트 처리의 확장
정확한 간격과 레이아웃
인용 블록
주소
특수문자 인코딩

5장. 수평선, 이미지 그리고 멀티미디어
수평선
문서에 이미지 삽입하기
문서의 색과 배경 이미지
배경 음악
움직이는 텍스트
그 밖의 멀티미디어

6장. 문서의 레이아웃
공백 만들기
다단 배치
레이어

7장. 링크와 웹
하이퍼텍스트 기본
문서의 참조：URL
하이퍼링크 만들기
효과적인 링크 만들기
마우스에 반응하는 이미지
탐색 가능 문서 만들기
문서 관계의 설정
문서의 자동화 지원

8장. 리스트
비순서 리스트
순서 리스트

태그
중첩 리스트
디렉토리 리스트
메뉴 리스트
정의 리스트
리스트의 알맞은 사용법

9장. CSS
스타일 요소
스타일 구문
스타일 속성
태그 없는 스타일： 태그
문서에 스타일 적용하기

10장. 폼 367폼 기초

태그
간단한 폼 예제
폼 데이터 수집을 위한 이메일 사용
태그
멀티라인 텍스트 영역
다중 선택 요소
일반적인 폼 컨트롤 속성
폼 요소의 라벨링과 그룹화
효과적인 폼 만들기
폼 프로그래밍

11장. 테이블
HTML 테이블 모델
테이블 태그
새로운 HTML 4.0 테이블 태그
테이블 이상의 테이블

12장. 프레임
프레임 개괄
프레임 태그
프레임 레이아웃
프레임 내용
태그 <br> 인라인 프레임 <br> 이름을 가진 프레임 또는 윈도우 타겟 <br> <br> <b>13장. 애플릿과 스크립트</b> <br> 애플릿과 객체 <br> 내장 내용 <br> 자바스크립트 <br> 자바스크립트 스타일시트 <br> <br> <b>14장. 동적인 문서</b> <br> 동적인 문서 <br> 클라이언트 풀 문서 <br> 서버 푸시 문서 <br> <br> <b>15장. 팁, 트릭 그리고 다듬기</b> <br> 가장 중요한 팁 <br> 절제와 남용 <br> 커스텀 불릿 <br> 테이블을 사용한 트릭 <br> 투명 이미지 <br> 윈도우와 프임을 사용한 트릭 <br> <br> <b>부록 A. html 문법 <br> 부록 B. html 태그 퀵 레퍼런스 <br> 부록 C. CSS 속성 퀵 레퍼런스 <br> 부록 D. html 4.0 DTD <br> 부록 E. 캐릭터 앤티티 <br> 부록 F. 색상명과 색상값 <br> <br> 찾아보기</b></font></p> </p> </div> </div>     <div id="tabs_5" ><a id="review_tab" ></a> <p class="detail_tit" style="display:none;">독자리뷰</p> <div id="" class="detail_conbox" > <div class="detail_review_area"> <div class="detail_btn right"><a href="javascript:;" onclick="review_start();">리뷰 쓰기</a></div> <div> <input type="hidden" id="fk_hbr_idx" name="fk_hbr_idx" value="43"> <div class="article hide"> <div class="review_li"> <a class="trigger" href="javascript:;"> <div class="info"><strong>han***</strong><span>l</span>2001-01-31</div> <script> $(function() { $('.star_rate'+1).raty({ readOnly: true, score: 4, starHalf : '/images/common/star_s-half.png', starOff : '/images/common/star_s-off.png', starOn : '/images/common/star_s-on.png' }); }); </script> <div class="star_rate1"></div> <div class="tit">HTML 핵심가이드 도서평가</div> </a> </div> <div class="review_view hanbit_edit_view"> <p>HTML에 대한 문서를 여러권 봤지만 이책만큼 저를 만족한 책은 없었습니다.<br> <br />이책을 번역한 분에게 먼저 감사의 말을 하고 싶습니다.<br> <br />그런데 책 내용중 스타일쉬트 내용중 가장 최신의 정보는<br> <br />"http://www.hanbitbook.co.kr/1056.html"에 등록 되었다고 나왔는데<br> <br />그러한 내용이 없어 조금 아쉽습니다.<br> <br />이 내용에 대한 답변 부탁드리고<br> <br />더 좋은 책을 만들어서 독자 여러분에게 사랑받는 출판사가 되기를 바랍니다.</p>  </div> </div> </div> </div> </div> </div>   <div id="tabs_6"><a id="misprint_tab" ></a> <p class="detail_tit" style="display:none;">오탈자 보기</p> <div id="" class="detail_conbox" > <div class="detail_btn right"><a href="/errata/view.html?isbn=8979140576" target="_blank">(구 홈페이지 / 2016년 5월 이전) 오탈자보기</a> <a href="javascript:misprint_print();">인쇄하기</a><a href="javascript:misprint_start();">오탈자 등록하기</a></div>  <input type="hidden" name="p_sort_type" id="p_sort_type" value=""> <input type="hidden" name="r_sort_type" id="r_sort_type" value=""> <div id="misprint_con_div" class="misprint_list"></div>  <div class="detail_btn right"><a href="javascript:misprint_print();">인쇄하기</a><a href="javascript:misprint_start();">오탈자 등록하기</a></div> </div> <script> $(function() { misprint_get_list(); }); //오탈자 리스트 호출 </script> </div>   <div id="tabs_7"><a id="exam_tab" ></a> <p class="detail_tit" style="display:none;">부록/예제소스</p> <div style="margin:0 20px 40px !important;" id="" class="detail_conbox"> <div class="table_area"> <div class="down_area_detail"> <div class="down_txt"> <h3 class="down_h3"><strong>자료 다운로드시 유의사항</strong></h3> <h5 class="download00"><a href="https://hanb.link/1adb" target="_blank">▶ <span class="down_span">부록/자료 관련 FAQ</span></a></h5> </div> <ul> <li class="download01" >Q. <a href="https://hanb.link/1adc" target="_blank"><span class="down_span">다운로드한 파일이 압축해제가 되지 않습니다.</span></a></li> <li class="download01" >Q. <a href="https://hanb.link/1add" target="_blank"><span class="down_span">구글 드라이브(GDrive)로 제공하는 부록/예제소스가 다운로드되지 않습니다.</span></a></li> </ul> </div> <table class="tbl_type_list" border="0" cellspacing="0" summary="부록/예제소스"> <caption>부록/예제소스</caption> <colgroup> <col width=""> <col width="140px"> <col width="120px"> </colgroup> <thead> <tr> <th scope="col">자료명</th> <th scope="col">등록일</th> <th scope="col" class="bdr_r">다운로드</th> </tr> </thead> <tbody> <tr> <td class="b_tit"><img src="/images/common/srt_download.png" alt="DOWNLOAD" width="22" align="absmiddle" border="0"> 예제소스</td> <td>2016-04-06</td> <td><a href="/lib/examFileDown.php?hed_idx=47" class="btn_dw_default" style="color:#fff;">다운로드</a></td> </tr> </tbody> </table> </div> </div> </div>    </div>  </div>  </div> <div class="store_payment_area">  <fieldset> <legend>결제하기</legend>   <label class="payment_box curr"> <p><span class="pbl">정가 : </span><span class="pbr"><del>25,000원</del></span></p> <p><span class="pbl"><strong>판매가 : </strong></span><span class="pbr"><strong>22,500</strong>원<span>(10% off)</span></span></p> <p><span class="pbl">마일리지 : </span><span class="pbr">1,250점 (5%)</span></p> </label>    <div class="shopping_charge"> <div class="shopping_charge_tit"><span style="color:#00AFA0;"> 문화비 소득공제 가능</span></div> </div>   <div class="shopping_charge"> <div class="shopping_charge_tit"><span> 배송료 : </span>2,000원<a href="javascript:;" onClick="view_hover('shopping_charge_open','','show')"><img src="https://www.hanbit.co.kr/images/store/ico_question.gif" alt="배송료란?" /></a></div> <div id="shopping_charge_open" class="shopping_charge_open"> <p class="tit">배송료 안내</p> <ul> <li>20,000원 이상 구매시 도서 배송 무료</li> <li>브론즈, 실버, 골드회원이 주문하신 경우 무료배송</li> </ul> <p>무료배송 상품을 포함하여 주문하신 경우에는 구매금액에 관계없이 무료로 배송해 드립니다.</p> <a href="javascript:;" onClick="view_hover('shopping_charge_open','','hide')"><img src="https://www.hanbit.co.kr/images/store/btn_shipping_charge.png" alt="닫기" /></a> </div> </div>  <input type="hidden" name="p_type_kind" id="p_type_kind" value="B">   <div class="btn_nolink">절판</div> <label> <button name="" type="submit" value="구매하기" class="btn_hope" onClick="addSalePush('B9925148074','');">재판매 조르기</button> </label>  </fieldset>      </div> </div>   <div id="review_popup_div" > <div class="review_layer"> <div class="bg"></div> <div class="review_pop-layer" id="layer_review"> <div class="pop-container"> <div class="pop-conts">  <form id="frm" name="frm" method="post" enctype="multipart/form-data"> <input type="hidden" name="fk_p_code" id="fk_p_code" value="B9925148074"> <input type="hidden" name="fk_m_idx" id="fk_m_idx" value=""> <input type="hidden" name="hbr_score" id="hbr_score" value=""> <p class="tit">리뷰쓰기</p> <div class="close"><a class="cbtn" href="javascript:;" onClick=""><img src="https://www.hanbit.co.kr/images/common/icon_close2.png" width="39" height="38" alt="닫기" /></a></div> <div class="layer_scroll"> <div class="layer_con_box"> <fieldset> <div class="lp_register_li"> <div class="i_tit"><span>* </span>도서명 :</div> <div class="i_con"> HTML 핵심 가이드 </div> </div> <div class="lp_register_li"> <div class="i_tit"><span>* </span>제목 :</div> <div class="i_con"> <label> <input type="text" name="hbr_title" id="hbr_title" class="i_text1" value=""> </label> </div> </div> <div class="lp_register_li"> <div class="i_tit"><span>* </span>별점평가</div> <div class="i_con"> <script> $.fn.raty.defaults.path = "https://www.hanbit.co.kr"; $(function() { $('#default').raty({ click: function(score, evt) { $("#hbr_score").val(score);} }); }); </script> <div id="default" style="margin-top:5px;"></div> <div class="highlight"><pre><span class="nt"><div></div></span></pre></div> </div> </div> <div class="lp_register_li"> <div class="i_tit"><span>* </span>내용 :</div> <div class="i_con" id="hbc_cont_div"> <label > <textarea class="i_textarea" name="hbr_content_review_create" id="hbr_content_review_create"></textarea> <script> var ck_editor_review_create; ClassicEditor.create( document.querySelector( '#hbr_content_review_create' ), { htmlSupport: { allow: [{ name: 'iframe', attributes: true, classes: true, styles: true }] }, toolbar: { shouldNotGroupWhenFull: true, items: [ 'fontSize', '|', 'Bold', 'Underline','Strikethrough','Italic', 'fontColor', 'fontBackgroundColor','Alignment','|', 'blockQuote', 'link', 'insertImage', 'mediaEmbed', '|', 'codeBlock', 'code', 'htmlEmbed', '|', , 'sourceEditing', '|', ] }, ckfinder: { uploadUrl: 'https://www.hanbit.co.kr/lib/ckeditor/image_upload.php' } } ) .then( newEditor => { ck_editor_review_create = newEditor; } ) .catch( handleSampleError ); function handleSampleError( error ) { const issueUrl = 'https://github.com/ckeditor/ckeditor5/issues'; const message = [ 'Oops, something went wrong!', `Please, report the following error on ${ issueUrl } with the build id "bl3v0xacvas6-sy6lnenrhh5g" and the error stack trace:` ].join( '\n' ); console.error( message ); console.error( error ); } </script> <style> #hbr_content_review_create + div { width: 810px; height: 200px;} #hbr_content_review_create + div > .ck-editor__main > .ck-editor__editable { width: 810px; height: 200px; } #hbr_content_review_create + div > .ck-editor__main > .ck-editor__editable > ul, #hbr_content_review_create + div > .ck-editor__main > .ck-editor__editable > ul li { list-style-type: inherit; } #hbr_content_review_create + div > .ck-editor__main > .ck-editor__editable ul { padding-left: 40px; } #hbr_content_review_create + div > .ck-editor__main > .ck-editor__editable ol { list-style-type: decimal; } #hbr_content_review_create + div > .ck-editor__main > .ck-editor__editable ol ol{ list-style-type: lower-latin; } #hbr_content_review_create + div > .ck-editor__main > .ck-editor__editable ol > li { display: list-item; list-style-type: decimal; } #hbr_content_review_create + div > .ck-editor__main > .ck-editor__editable ol li { display: list-item; } #hbr_content_review_create + div > .ck-editor__main > .ck-editor__editable ol { padding-left: 40px; } #hbr_content_review_create + div > .ck-editor__main > .ck-editor__editable_inline { padding: 0 30px !important; } #hbr_content_review_create + div > .ck-editor__main > .ck-editor__editable ul > li > ul { padding-left: 40px; } </style> </label> </div> </div> </fieldset> </div> <p class="note_tit">* 리뷰 작성시 유의사항</p> <p class="note_txt">글이나 이미지/사진 저작권 등 다른 사람의 권리를 침해하거나 명예를 훼손하는 게시물은 이용약관 및 관련법률에 의해 제재를 받을 수 있습니다.</p> <p class="note_txt"> 1. 특히 뉴스/언론사 기사를 전문 또는 부분적으로 '허락없이' 갖고 와서는 안됩니다 (출처를 밝히는 경우에도 안됨).<br /> 2. 저작권자의 허락을 받지 않은 콘텐츠의 무단 사용은 저작권자의 권리를 침해하는 행위로, 이에 대한 법적 책임을 지게 될 수 있습니다. </p> <div class="btn_layer_default"> <label><button id="proc_btn" name="proc_btn" type="button" value="" class="btn_blue" onclick="review_proc('re_ins','');">등록</button></label> <label><button id="reset_btn" name="reset_btn" type="button" value="" class="btn_white" onclick="frm_reset();">취소</button></label> </div> </div> </form>  </div> </div> </div> </div> </div>   <div class="misprint_layer"> <div class="bg"></div> <div class="misprint_pop-layer" id="layer_misprint"> <div class="pop-container"> <div class="pop-conts">  <p class="tit">오탈자 등록</p> <div class="close"><a class="cbtn" href="javascript:;" onClick=""><img src="/images/common/icon_close2.png" width="39" height="38" alt="닫기" /></a></div> <div class="layer_scroll"> <form id="err_input_frm" name="err_input_frm" method="post" enctype="multipart/form-data"> <input type="hidden" name="fk_p_code" id="fk_p_code" value="B9925148074"> <input type="hidden" name="fk_isbn" id="fk_isbn" value=""> <input type="hidden" name="fk_m_idx" id="fk_m_idx" value=""> <div class="layer_con_box"> <fieldset> <div class="lp_register_li"> <div class="i_tit"><span>* </span>도서명 :</div> <div class="i_con"> HTML 핵심 가이드 </div> </div> <div class="lp_register_li"> <div class="i_tit"><span>* </span>구분 :</div> <div class="i_con"> <label> <select id="err_type" name="err_type" class="i_select"> <option value="" selected>오탈자 유형 선택</option> <option value="G">내용 오류/확인 요청</option> <option value="P">주요 기술 오류(로직/코드)</option> <option value="E">오자/탈자, 띄어쓰기 오류</option> </select> </label> </div> </div> <div class="lp_register_li"> <div class="i_tit"><span>* </span>상품 버전</div> <div class="i_con"> <span class="chk_list"><input type="checkbox" name="err_p_version[]" class="i_check" value="종이책"><span>종이책</span></span> <span class="chk_list"><input type="checkbox" name="err_p_version[]" class="i_check" value="PDF"><span>PDF</span></span> <span class="chk_list"><input type="checkbox" name="err_p_version[]" class="i_check" value="ePub"><span>ePub</span></span>  </div> </div> <div class="lp_register_li"> <div class="i_tit"><span>* </span>페이지 :</div> <div class="i_con"> <label> <input type="text" name="err_p_page" id="err_p_page" class="i_text2" onkeyup="this.value=number_filter(this.value);" ><span>숫자로만 입력해주세요.</span> </label> </div> </div> <div class="lp_register_li"> <div class="i_tit"><span>* </span>위치정보 :</div> <div class="i_con"> <label> <input type="text" name="err_location" id="err_location" class="i_text1"> </label> </div> </div> <div class="lp_register_li"> <div class="i_tit"><span>* </span>내용 :</div> <div class="i_con"> <label> <textarea class="i_textarea" name="hbr_content_misprint_create" id="hbr_content_misprint_create"></textarea> <script> var ck_editor_misprint_create; ClassicEditor.create( document.querySelector( '#hbr_content_misprint_create' ), { htmlSupport: { allow: [{ name: 'iframe', attributes: true, classes: true, styles: true }] }, toolbar: { shouldNotGroupWhenFull: true, items: [ 'fontSize', '|', 'Bold', 'Underline','Strikethrough','Italic', 'fontColor', 'fontBackgroundColor','Alignment','|', 'blockQuote', 'link', 'insertImage', 'mediaEmbed', '|', 'codeBlock', 'code', 'htmlEmbed', '|', , 'sourceEditing', '|', ] }, ckfinder: { uploadUrl: 'https://www.hanbit.co.kr/lib/ckeditor/image_upload.php' } } ) .then( newEditor => { ck_editor_misprint_create = newEditor; } ) .catch( handleSampleError ); function handleSampleError( error ) { const issueUrl = 'https://github.com/ckeditor/ckeditor5/issues'; const message = [ 'Oops, something went wrong!', `Please, report the following error on ${ issueUrl } with the build id "bl3v0xacvas6-sy6lnenrhh5g" and the error stack trace:` ].join( '\n' ); console.error( message ); console.error( error ); } </script> <style> #hbr_content_misprint_create + div { width: 800px; height: 300px;} #hbr_content_misprint_create + div > .ck-editor__main > .ck-editor__editable { width: 800px; height: 300px; } #hbr_content_misprint_create + div > .ck-editor__main > .ck-editor__editable > ul, #hbr_content_misprint_create + div > .ck-editor__main > .ck-editor__editable > ul li { list-style-type: inherit; } #hbr_content_misprint_create + div > .ck-editor__main > .ck-editor__editable ul { padding-left: 40px; } #hbr_content_misprint_create + div > .ck-editor__main > .ck-editor__editable ol { list-style-type: decimal; } #hbr_content_misprint_create + div > .ck-editor__main > .ck-editor__editable ol ol{ list-style-type: lower-latin; } #hbr_content_misprint_create + div > .ck-editor__main > .ck-editor__editable ol > li { display: list-item; list-style-type: decimal; } #hbr_content_misprint_create + div > .ck-editor__main > .ck-editor__editable ol li { display: list-item; } #hbr_content_misprint_create + div > .ck-editor__main > .ck-editor__editable ol { padding-left: 40px; } #hbr_content_misprint_create + div > .ck-editor__main > .ck-editor__editable_inline { padding: 0 30px !important; } #hbr_content_misprint_create + div > .ck-editor__main > .ck-editor__editable ul > li > ul { padding-left: 40px; } </style> </label> </div> </div> </fieldset> </div> </form> <div class="btn_layer_default"> <label> <button name="" type="submit" value="" class="btn_blue" onclick="misprint_proc('ins','');">등록</button> </label> <label> <button name="" type="submit" value="" class="btn_white" onclick="misprint_reset();">취소</button> </label> </div> </div>  </div> </div> </div> </div>   <link rel="stylesheet" href="/css/jquery-ui.css"> <script type="text/javascript" src="/js/jquery.ui.datepicker-ko.js"></script> <script type="text/javascript"> $(function() { $("#buy_date").datepicker({ maxDate: '0' }); }); </script> <form name="cfrm" id="cfrm" method="post" action="/store/ajax.addBookauth.php"> <input type="hidden" name="fk_p_code" id="fk_p_code" value="B9925148074"> <input type="hidden" name="fk_m_idx" id="fk_m_idx" value=""> <div class="certification_layer"> <div class="bg"></div> <div class="certification_pop-layer" id="layer_certification"> <div class="pop-container"> <div class="pop-conts">  <p class="tit">도서 인증</p> <div class="close"><a class="cbtn" href="javascript:;" onClick=""><img src="https://www.hanbit.co.kr/images/common/icon_close2.png" width="39" height="38" alt="닫기" /></a></div> <div class="layer_scroll"> <div class="layer_con_box"> <fieldset> <div class="lp_register_li"> <div class="i_tit">도서명<span>* </span></div> <div class="i_con">HTML 핵심 가이드</div> </div> <div class="lp_register_li"> <div class="i_tit">구입처<span>* </span></div> <div class="i_con"> <label> <select id="buy_site" name="buy_site" class="i_select"> <option value="" selected>선택하세요.</option> <option value="교보문고">교보문고</option> <option value="예스24">예스24</option> <option value="알라딘">알라딘</option>  <option value="영풍문고">영풍문고</option> <option value="인터파크">인터파크</option> <option value="쿠팡">쿠팡</option>  <option value="지역서점">지역서점</option> </select> </label> </div> </div> <div class="lp_register_li"> <div class="i_tit">구입일<span>* </span></div> <div class="i_con">  <label><input class="i_text2" id="buy_date" name="buy_date" type="text" value="" /></label> <label><button name="btnBuyDate" id="btnBuyDate" type="button" value="검색" class="i_car">달력</button></label>  </div> </div> <div class="lp_register_li"> <div class="i_tit">부가기호<span>* </span></div> <div class="i_con"> <label> <input type="text" name="add_code" id="add_code" class="i_text2"> </label> </div> </div> <div class="barcode_img"> <img src="https://www.hanbit.co.kr/images/common/rs_barcode_ban.png" alt="부가기호 안내" /> </div> </fieldset> </div> <p class="txt">* 온라인 또는 오프라인 서점에서 구입한 도서를 인증하면 마일리지 500점을 드립니다.</p> <p class="txt">* 도서인증은 일 3권, 월 10권, 년 50권으로 제한되며 절판도서, eBook 등 일부 도서는 인증이 제한됩니다.</p> <p class="txt">* 구입하지 않고, 허위로 도서 인증을 한 것으로 판단되면 웹사이트 이용이 제한될 수 있습니다.</p> <div class="btn_layer_default"> <label> <button name="btnBookauth1" type="button" class="btn_blue" onclick='book_auth();'>등록</button> </label> <label> <button name="btnBookauth2" type="button" value="" class="btn_white">취소</button> </label> </div> </div>  </div> </div> </div> </div> </form> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT>   <div class="add_cart_layer"> <div class="bg"></div> <div class="add_cart_pop-layer" id="layer_add_cart"> <div class="pop-container"> <div class="pop-conts">  <div class="close"><a class="cbtn" href="javascript:;" onClick=""><img src="https://www.hanbit.co.kr/images/common/icon_close.png" width="38" height="38" alt="닫기" /></a></div> <p class="ctxt"><span id='cartmsg'>해당 상품을 장바구니에 담았습니다.</span><span id='cartmsg2'>이미 장바구니에 추가된 상품입니다.</span><br />장바구니로 이동하시겠습니까?</p> <div class="btn_layer"> <a href="/myhanbit/cart.html">장바구니<br />이동</a>  <a class="cbtn" href="javascript:;" onClick="">쇼핑<br />계속</a> </div>  </div> </div> </div> </div>  </div>  <script> //숫자만 입력 function number_filter(str_value){ return str_value.replace(/[^0-9]/gi, ""); } function hb_show_tabs(t_num){ //alert(t_num); var t_max = 9; for(var t=1; t <t_max; t++){ if(t_num ==0){ $("#tabs_"+t).show(); $(".detail_tit").css({"display":"block"}); }else{ if(t==t_num){ $("#tabs_"+t).show(); $(".detail_tit").css({"display":"none"}); }else{ $("#tabs_"+t).hide(); } } } } var tid= ""; if(tid=="review"){ hb_show_tabs(5); document.getElementById("review_tab").scrollIntoView(); }else if(tid=="misprint"){ hb_show_tabs(6); document.getElementById("misprint_tab").scrollIntoView(); }else if(tid=="exam"){ hb_show_tabs(7); document.getElementById("exam_tab").scrollIntoView(); }else{ hb_show_tabs(0); } //해쉬 태그로 포커스 이동후 해쉬 제거 function removeHash () { var scrollV, scrollH, loc = window.location; if ("pushState" in history) history.pushState("", document.title, loc.pathname + loc.search); else { // Prevent scrolling by storing the page's current scroll offset scrollV = document.body.scrollTop; scrollH = document.body.scrollLeft; loc.hash = ""; // Restore the scroll offset, should be flicker free document.body.scrollTop = scrollV; document.body.scrollLeft = scrollH; } } </script>  <footer>  <div class="foot_notice" style="height:6px;"></div>  <div class="foot_contents">  <div class="foot_menu">  <ul> <li><a href="https://www.hanbit.co.kr/publisher/index.html" target="_blank">회사소개</a>(<a href="https://www.hanbit.co.kr/publisher/index.html" target="_blank">KOR</a> | <a href="https://www.hanbit.co.kr/publisher/index.html?lang=e" target="_blank">ENG</a>)  <a href="https://www.hanbit.co.kr/publisher/contact.html?lang=k" target="_blank">약도</a></li> <li><a href="https://www.hanbit.co.kr/publisher/write.html" target="_blank">기획 및 원고 모집</a></li> <li><a href="https://www.hanbit.co.kr/publisher/career.html" target="_blank">채용</a>  입사지원 <a href="mailto:jobs@hanbit.co.kr">jobs@hanbit.co.kr</a></li> <li><a href="https://www.hanbit.co.kr/publisher/foreignrights.html" target="_blank">FOREIGN RIGHTS</a></li> <li><a href="https://www.hanbit.co.kr/member/use_agreement.html">이용약관</a>  <a href="https://www.hanbit.co.kr/member/privacy_policy.html"><strong>개인정보처리방침</strong></a></li> <li><a href="https://www.hanbit.co.kr/sitemap/sitemap.html">사이트맵</a></li> </ul> </div>   <div class="foot_sns">  <div class="devletter_contet"> <div class="devletter_sub"> <span class="dev_header_img">데브레터 구독하기</span><a class="dev_sit_a" href="/devletter/" target="_blank"><span class="dev_site_img">데브레터 보러가기</span></a> </div> <form class="subscribe_form" action="/devletter/dev_process.php" method="post"> <input type="hidden" id="g-recaptcha" name="g-recaptcha"> <fieldset class="subscribe_fiel"> <legend>구독서비스</legend> <input type="text" placeholder="Your Email Address" name="user_email"></input> <button type="submit" class="sub_btn"><span>구독</span></button> </fieldset> </form> <div class="main_foot_sns"> <ul> <li class="main_foot_facebook"><a href="https://www.facebook.com/hanbitmedia" target="_blank"><span>페이스북</span></a></li> <li class="main_foot_youtube"><a href="https://www.youtube.com/한빛TV" target="_blank"><span>유튜브</span></a></li> <li class="main_foot_bolg"><a href="http://blog.hanbit.co.kr/" target="_blank"><span>블로그</span></a></li> <li class="main_foot_naverpost"><a href="https://m.post.naver.com/hanbitstory" target="_blank"><span>네이버포스트</span></a></li> </ul> </div> </div>  </div>   <div class="foot_about"> <div class="foot_about_area"> <p><strong>한빛출판네트워크</strong></p> <p>(03785) 서울 서대문구 연희로2길 62</p>  <p>대표이사 : 김태헌, 전태호</p> <p>사업자등록번호 : 220-81-05665 <a href="http://www.ftc.go.kr/bizCommPop.do?wrkr_no=2208105665" target="_blank">[확인]</a></p> <p>통신판매업신고 : 2017-서울서대문-0671호</p> <p>호스팅제공자 : 호스트센터(주)</p> <p>고객센터 : 02-325-5544 | support@hanbit.co.kr </p>  <div class="family_menu"> <div data-family-menu> <span>관련사이트</span> <i class="family_icon" data-family-icon role="img"></i> </div> <ul data-family-menu-ul class="family_menu_ul" style="display:none;"> <li><a href="https://www.hanbit.co.kr/media/" target="_blank">한빛미디어<svg data-v-c1d21be8="" data-v-f12001e6="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="ico_outlink"><g data-v-c1d21be8="" fill="none" fill-rule="evenodd"><path data-v-c1d21be8="" d="M1.795 1.074L7.942 1.074 7.942 7.221M7.942 1.074L1.378 7.638" transform="translate(-935 -867) translate(836 848) translate(14 14) translate(85 5)"></path></g></svg></a></li> <li><a href="https://www.hanbit.co.kr/academy/" target="_blank">한빛아카데미<svg data-v-c1d21be8="" data-v-f12001e6="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="ico_outlink"><g data-v-c1d21be8="" fill="none" fill-rule="evenodd"><path data-v-c1d21be8="" d="M1.795 1.074L7.942 1.074 7.942 7.221M7.942 1.074L1.378 7.638" transform="translate(-935 -867) translate(836 848) translate(14 14) translate(85 5)"></path></g></svg></a></li> <li><a href="https://www.hanbit.co.kr/biz/" target="_blank">한빛비즈<svg data-v-c1d21be8="" data-v-f12001e6="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="ico_outlink"><g data-v-c1d21be8="" fill="none" fill-rule="evenodd"><path data-v-c1d21be8="" d="M1.795 1.074L7.942 1.074 7.942 7.221M7.942 1.074L1.378 7.638" transform="translate(-935 -867) translate(836 848) translate(14 14) translate(85 5)"></path></g></svg></a></li> <li><a href="https://www.hanbit.co.kr/life/" target="_blank">한빛라이프<svg data-v-c1d21be8="" data-v-f12001e6="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="ico_outlink"><g data-v-c1d21be8="" fill="none" fill-rule="evenodd"><path data-v-c1d21be8="" d="M1.795 1.074L7.942 1.074 7.942 7.221M7.942 1.074L1.378 7.638" transform="translate(-935 -867) translate(836 848) translate(14 14) translate(85 5)"></path></g></svg></a></li> <li><a href="https://www.hanbit.co.kr/edu/" target="_blank">한빛에듀<svg data-v-c1d21be8="" data-v-f12001e6="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="ico_outlink"><g data-v-c1d21be8="" fill="none" fill-rule="evenodd"><path data-v-c1d21be8="" d="M1.795 1.074L7.942 1.074 7.942 7.221M7.942 1.074L1.378 7.638" transform="translate(-935 -867) translate(836 848) translate(14 14) translate(85 5)"></path></g></svg></a></li> <li><a href="https://www.hanbitn.com/" target="_blank">한빛앤<svg data-v-c1d21be8="" data-v-f12001e6="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="ico_outlink"><g data-v-c1d21be8="" fill="none" fill-rule="evenodd"><path data-v-c1d21be8="" d="M1.795 1.074L7.942 1.074 7.942 7.221M7.942 1.074L1.378 7.638" transform="translate(-935 -867) translate(836 848) translate(14 14) translate(85 5)"></path></g></svg></a></li> <li><a href="/realtime" target="_blank">리얼타임<svg data-v-c1d21be8="" data-v-f12001e6="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="ico_outlink"><g data-v-c1d21be8="" fill="none" fill-rule="evenodd"><path data-v-c1d21be8="" d="M1.795 1.074L7.942 1.074 7.942 7.221M7.942 1.074L1.378 7.638" transform="translate(-935 -867) translate(836 848) translate(14 14) translate(85 5)"></path></g></svg></a></li> <li><a href="https://www.hanbit.co.kr/textbook/" target="_blank">한빛정보교과서<svg data-v-c1d21be8="" data-v-f12001e6="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="ico_outlink"><g data-v-c1d21be8="" fill="none" fill-rule="evenodd"><path data-v-c1d21be8="" d="M1.795 1.074L7.942 1.074 7.942 7.221M7.942 1.074L1.378 7.638" transform="translate(-935 -867) translate(836 848) translate(14 14) translate(85 5)"></path></g></svg></a></li> <li><a href="https://www.hanbit.co.kr/rent/" target="_blank">한빛대관서비스<svg data-v-c1d21be8="" data-v-f12001e6="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="ico_outlink"><g data-v-c1d21be8="" fill="none" fill-rule="evenodd"><path data-v-c1d21be8="" d="M1.795 1.074L7.942 1.074 7.942 7.221M7.942 1.074L1.378 7.638" transform="translate(-935 -867) translate(836 848) translate(14 14) translate(85 5)"></path></g></svg></a></li> <li><a href="https://devground.hanbit.co.kr//newletter/" target="_blank">데브레터<svg data-v-c1d21be8="" data-v-f12001e6="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="ico_outlink"><g data-v-c1d21be8="" fill="none" fill-rule="evenodd"><path data-v-c1d21be8="" d="M1.795 1.074L7.942 1.074 7.942 7.221M7.942 1.074L1.378 7.638" transform="translate(-935 -867) translate(836 848) translate(14 14) translate(85 5)"></path></g></svg></a></li> <li><a href="https://hongong.hanbit.co.kr/" target="_blank">혼공러들의 스터디공간<svg data-v-c1d21be8="" data-v-f12001e6="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="ico_outlink"><g data-v-c1d21be8="" fill="none" fill-rule="evenodd"><path data-v-c1d21be8="" d="M1.795 1.074L7.942 1.074 7.942 7.221M7.942 1.074L1.378 7.638" transform="translate(-935 -867) translate(836 848) translate(14 14) translate(85 5)"></path></g></svg></a></li> </ul> </div> <script> $(document).ready(function() { $("[data-family-menu]").click(function() { $("[data-family-menu-ul]").toggle().toggleClass('family_menu_ul'); $("[data-family-icon]").toggleClass("rotate"); }); $('html').unbind("click").bind("click",function(e){ if(!$(e.target).closest(".family_menu").hasClass('family_menu')){ $("[data-family-menu-ul]").hide().removeClass( 'family_menu_ul' ); $("[data-family-icon]").removeClass("rotate"); } }); }); </script>  </div> </div>  </div> <div class="copyright">©1993-2024 Hanbit Publishing Network, Inc. All rights reserved.</div> </footer>  <div class="foot_download_btn"><a href="https://www.hanbit.co.kr/support/supplement_list.html">자료실</a></div>  <script type="text/javascript" src="/js/common.js"></script>   <section class="fly_menu_wrapper"> <h3 class="fly_menu_h2">최근 본 책<span class="fly_menu_count">0</span></h3> <div style="max-height:520px; overflow-y: scroll;"> <div></div> </div> </section> <script> jQuery(function($) { // 오늘 본 도서 top 속성값 var fly_menu_wrapper_top = $(".fly_menu_wrapper").css("top").replace('px',''); // 상하 스크롤에 따른 최근 본 책 위치이동 $(window).scroll(function () { var scrollValue = $(document).scrollTop(); $(".fly_menu_wrapper").css( "top", (scrollValue > fly_menu_wrapper_top) ? $("#wrap_gnb").height() + "px" : fly_menu_wrapper_top+"px" ) }); }); </script>  </body> </html>

한빛출판네트워크

인기 검색어 (최근 1개월간)

BOOK

CONTENTS

HTML 핵심 가이드