logo
logo
x
바코드검색
BOOKPRICE.co.kr
책, 도서 가격비교 사이트
바코드검색

인기 검색어

실시간 검색어

검색가능 서점

도서목록 제공

HTML 핵심 가이드 - 3rd Edition

HTML 핵심 가이드 - 3rd Edition

Chuck Musciano, Bill Kennedy (지은이), 최범균 (옮긴이)
한빛미디어
25,000원

일반도서

검색중
서점 할인가 할인률 배송비 혜택/추가 실질최저가 구매하기
알라딘 로딩중
yes24 로딩중
교보문고 로딩중
11st 로딩중
영풍문고 로딩중
쿠팡 로딩중
쿠팡로켓 로딩중
G마켓 로딩중
notice_icon 검색 결과 내에 다른 책이 포함되어 있을 수 있습니다.

중고도서

검색중
서점 유형 등록개수 최저가 구매하기
로딩중

eBook

검색중
서점 정가 할인가 마일리지 실질최저가 구매하기
로딩중

책 이미지

HTML 핵심 가이드 - 3rd Edition
eBook 미리보기

책 정보

· 제목 : HTML 핵심 가이드 - 3rd Edition 
· 분류 : 국내도서 > 컴퓨터/모바일 > 웹디자인/홈페이지 > HTML/JavaScript
· ISBN : 9788979140576
· 쪽수 : 651쪽
· 출판일 : 2000-03-08

책 소개

'HTML 핵심 가이드'는 빠르게 변화하고 있는 HTML과 신기술에 대한 명쾌한 해답을 제시한다. 이 책은 오늘날 HTML에서 가능한 모든 것을 가장 포괄적으로 다루고 있으며 최근의 표준, 그리고 웹 브라우저에서 제공되는 모든 특징들을 다루고 있다.

목차

역자서문
서 문

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


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


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

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

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

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

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

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

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

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

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

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

    12장. 프레임
    프레임 개괄
    프레임 태그
    프레임 레이아웃
    프레임 내용
    태그 <BR> 인라인 프레임 <BR> 이름을 가진 프레임 또는 윈도우 타겟 <BR> <BR> 13장. 애플릿과 스크립트<BR> 애플릿과 객체 <BR> 내장 내용 <BR> 자바스크립트 <BR> 자바스크립트 스타일시트 <BR> <BR> 4장. 동적인 문서<BR> 동적인 문서 <BR> 클라이언트 풀 문서 <BR> 서버 푸시 문서 <BR> <BR> 15장. 팁, 트릭 그리고 다듬기<BR> 가장 중요한 팁 <BR> 절제와 남용 <BR> 커스텀 불릿 <BR> 테이블을 사용한 트릭 <BR> 투명 이미지 <BR> 윈도우와 프레임을 사용한 트릭 <BR> <BR> 부록 A. html 문법 <BR> 부록 B. html 태그 퀵 레퍼런스 <BR> 부록 C. CSS 속성 퀵 레퍼런스 <BR> 부록 D. html 4.0 DTD <BR> 부록 E. 캐릭터 앤티티 <BR> 부록 F. 색상명과 색상값<BR> <BR> 찾아보기</p></div> </div> <div id="tab4" class="tab-content"> <em class="anchor" id="bookAuthor"></em> <h3>저자소개</h3> <div id="innerAuthor" class="content-inner" style="border: 1px solid #ececec; border-radius: 5px; margin-bottom:30px; padding: 5px;"> <div style="min-height: 40px;"> <span class="author-name">Chuck Musciano (지은이)</span>&nbsp;&nbsp;&nbsp; <a class="author-more" rel="noreferrer" target="_blank" href="https://www.aladin.co.kr/author/wauthor_overview.aspx?AuthorSearch=@72044&amp;partner=bookprice">정보 더보기</a><br/> <div id="author-info" class="indent">미국 동부 연안에서 자랐다. 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' 담당 칼럼리스트로 활동하였다.</div> </div> <div class="authInfo-more"><span>펼치기</span><i class="i-more"></i></div> <div style="margin:10px 0px 10px 0px;"> <div style="margin-top: 5px; font-weight: bold;">Chuck Musciano의 다른 책 > </div> <div class="related"> <a href="/compare.jsp?isbn=9780596527327"> <div class="related-img"><img class="lazy" data-src="/img_thumb2/9780596527327.jpg" alt=" HTML & Xhtml: The Definitive Guide (Paperback, 6)" onerror="this.src='./img/prepare.png'"></div> <div class="related-title"> HTML & Xhtml: The Definitive Guide (Paperback, 6)</div> <div class="related-author">Chuck Musciano </div> </a> </div> <div class="related"> <a href="/compare.jsp?isbn=9780596003821"> <div class="related-img"><img class="lazy" data-src="/img_thumb2/9780596003821.jpg" alt=" HTML & XHTML : The Definitive Guide" onerror="this.src='./img/prepare.png'"></div> <div class="related-title"> HTML & XHTML : The Definitive Guide</div> <div class="related-author">Chuck Musciano </div> </a> </div> <div class="related"> <a href="/compare.jsp?isbn=9788979141290"> <div class="related-img"><img class="lazy" data-src="/img_thumb2/9788979141290.jpg" alt=" HTML & XHTML 핵심 가이드" onerror="this.src='./img/prepare.png'"></div> <div class="related-title"> HTML & XHTML 핵심 가이드</div> <div class="related-author">Chuck Musciano, Bill Kennedy , 김종민 </div> </a> </div> <div class="related"> <a href="/compare.jsp?isbn=9781565924925"> <div class="related-img"><img class="lazy" data-src="/img_thumb2/9781565924925.jpg" alt=" Html (Paperback, 3rd, Subsequent)" onerror="this.src='./img/prepare.png'"></div> <div class="related-title"> Html (Paperback, 3rd, Subsequent)</div> <div class="related-author">Chuck Musciano, Bill Kennedy </div> </a> </div> <div class="related"> <a href="/compare.jsp?isbn=9781565922358"> <div class="related-img"><img class="lazy" data-src="/img_thumb2/9781565922358.jpg" alt=" HTML: The Definitive Guide (Nutshell Handbooks) (Paperback, Second Edition)" onerror="this.src='./img/prepare.png'"></div> <div class="related-title"> HTML: The Definitive Guide (Nutshell Handbooks) (Paperback, Second Edition)</div> <div class="related-author">Chuck Musciano, Bill Kennedy </div> </a> </div> <div class="clear"></div> </div><div class="clear"></div> </div> <div id="innerAuthor" class="content-inner" style="border: 1px solid #ececec; border-radius: 5px; margin-bottom:30px; padding: 5px;"> <div style="min-height: 40px;"> <span class="author-name">Bill Kennedy (지은이)</span>&nbsp;&nbsp;&nbsp; <a class="author-more" rel="noreferrer" target="_blank" href="https://www.aladin.co.kr/author/wauthor_overview.aspx?AuthorSearch=@72045&amp;partner=bookprice">정보 더보기</a><br/> <div id="author-info" class="indent">현재 액티브미디어(ActivMedia Inc.)의 회장이다. 인공 지능과 퍼지 이론 연구에서 주로 사용되는 모빌 로보틱 플랫폼의 개발과 판매에 활발히 활동하였다. 박사과정을 이수하였고 12년 동안 생화학과 생물물리학 분야의 기반기술을 연구하였다. 또한 케네메이션(Kenemation)에서 교육 소프트웨어를 개발하였으며, '에이플러스 퍼블리싱(A+ Publishing)'의 편집장으로 일했다. 나중에는 전문성을 인정받아 <썬월드/어드밴스트 시스템즈(SunWord/Advanced Systems)>지의 선임 편집자로 일하기도 했다.</div> </div> <div class="authInfo-more"><span>펼치기</span><i class="i-more"></i></div> <div style="margin:10px 0px 10px 0px;"> <div style="margin-top: 5px; font-weight: bold;">Bill Kennedy의 다른 책 > </div> <div class="related"> <a href="/compare.jsp?isbn=9781773706344"> <div class="related-img"><img class="lazy" data-src="/img_thumb2/9781773706344.jpg" alt=" Putting the Outside Inside Kids: A Father's Algonquin Journey with His Daughter (Hardcover)" onerror="this.src='./img/prepare.png'"></div> <div class="related-title"> Putting the Outside Inside Kids: A Father's Algonquin Journey with His Daughter (Hardcover)</div> <div class="related-author">Bill Kennedy </div> </a> </div> <div class="related"> <a href="/compare.jsp?isbn=9781773706337"> <div class="related-img"><img class="lazy" data-src="/img_thumb2/9781773706337.jpg" alt=" Putting the Outside Inside Kids: A Father's Algonquin Journey with His Daughter (Paperback)" onerror="this.src='./img/prepare.png'"></div> <div class="related-title"> Putting the Outside Inside Kids: A Father's Algonquin Journey with His Daughter (Paperback)</div> <div class="related-author">Bill Kennedy </div> </a> </div> <div class="related"> <a href="/compare.jsp?isbn=9781490846699"> <div class="related-img"><img class="lazy" data-src="/img_thumb2/9781490846699.jpg" alt=" A Cross Too Heavy (Paperback)" onerror="this.src='./img/prepare.png'"></div> <div class="related-title"> A Cross Too Heavy (Paperback)</div> <div class="related-author">Bill Kennedy </div> </a> </div> <div class="related"> <a href="/compare.jsp?isbn=9781551119120"> <div class="related-img"><img class="lazy" data-src="/img_thumb2/9781551119120.jpg" alt=" Local Government in Action: A Simulation (Paperback)" onerror="this.src='./img/prepare.png'"></div> <div class="related-title"> Local Government in Action: A Simulation (Paperback)</div> <div class="related-author">Bill Kennedy, Gary N. Wilson </div> </a> </div> <div class="related"> <a href="/compare.jsp?isbn=9788979141290"> <div class="related-img"><img class="lazy" data-src="/img_thumb2/9788979141290.jpg" alt=" HTML & XHTML 핵심 가이드" onerror="this.src='./img/prepare.png'"></div> <div class="related-title"> HTML & XHTML 핵심 가이드</div> <div class="related-author">Chuck Musciano, Bill Kennedy , 김종민 </div> </a> </div> <div class="clear"></div> </div><div class="clear"></div> </div> <div id="innerAuthor" class="content-inner" style="border: 1px solid #ececec; border-radius: 5px; margin-bottom:30px; padding: 5px;"> <div style="min-height: 40px;"> <span class="author-name">최범균 (지은이)</span>&nbsp;&nbsp;&nbsp; <a class="author-more" rel="noreferrer" target="_blank" href="https://www.aladin.co.kr/author/wauthor_overview.aspx?AuthorSearch=@44873&amp;partner=bookprice">정보 더보기</a><br/> <div id="author-info" class="indent">코딩하는 걸 좋아하고 나이 들어서도 코딩하고 싶은 개발자다. 좋은 책과 글을 쓰고 싶어 하며 유튜브나 SNS로 개발 관련 이야기를 나누고 있다.</div> </div> <div class="authInfo-more"><span>펼치기</span><i class="i-more"></i></div> <div style="margin:10px 0px 10px 0px;"> <div style="margin-top: 5px; font-weight: bold;">최범균의 다른 책 > </div> <div class="related"> <a href="/compare.jsp?isbn=9791169213745"> <div class="related-img"><img class="lazy" data-src="/img_thumb2/9791169213745.jpg" alt=" 주니어 백엔드 개발자가 반드시 알아야 할 실무 지식" onerror="this.src='./img/prepare.png'"></div> <div class="related-title"> 주니어 백엔드 개발자가 반드시 알아야 할 실무 지식</div> <div class="related-author">최범균 </div> </a> </div> <div class="related"> <a href="/compare.jsp?isbn=9791169211239"> <div class="related-img"><img class="lazy" data-src="/img_thumb2/9791169211239.jpg" alt=" 육각형 개발자" onerror="this.src='./img/prepare.png'"></div> <div class="related-title"> 육각형 개발자</div> <div class="related-author">최범균 </div> </a> </div> <div class="related"> <a href="/compare.jsp?isbn=9791162245385"> <div class="related-img"><img class="lazy" data-src="/img_thumb2/9791162245385.jpg" alt=" 도메인 주도 개발 시작하기" onerror="this.src='./img/prepare.png'"></div> <div class="related-title"> 도메인 주도 개발 시작하기</div> <div class="related-author">최범균 </div> </a> </div> <div class="related"> <a href="/compare.jsp?isbn=9788980783052"> <div class="related-img"><img class="lazy" data-src="/img_thumb2/9788980783052.jpg" alt=" 테스트 주도 개발 시작하기 Test-Driven Development" onerror="this.src='./img/prepare.png'"></div> <div class="related-title"> 테스트 주도 개발 시작하기 Test-Driven Development</div> <div class="related-author">최범균 </div> </a> </div> <div class="related"> <a href="/compare.jsp?isbn=9788980782970"> <div class="related-img"><img class="lazy" data-src="/img_thumb2/9788980782970.jpg" alt=" 초보 웹 개발자를 위한 스프링5 프로그래밍 입문" onerror="this.src='./img/prepare.png'"></div> <div class="related-title"> 초보 웹 개발자를 위한 스프링5 프로그래밍 입문</div> <div class="related-author">최범균 </div> </a> </div> <div class="clear"></div> </div><div class="clear"></div> </div> </div> <div id="tab5" class="tab-content"> <em class="anchor" id="bookReview"></em> <h3>리뷰</h3> <div class="content-inner" > <a target="_blank" rel="noreferrer" href=""> <div class="review-box"> <div id="writer">비로그*</div> <div id="star">★★★★☆<span style="color:black">(8)</span></div> <div id="review">([마이리뷰]책장에 꼭!!! 꽂아두어야 할 책~)</div> <div id="expand">자세히</div><div class="clear"></div> </div> </a> <a target="_blank" rel="noreferrer" href="https://blog.aladin.co.kr/734498173/271390?partner=bookprice"> <div class="review-box"> <div id="writer">blu****</div> <div id="star">★★☆☆☆<span style="color:black">(4)</span></div> <div id="review">([마이리뷰]html의 이론서로만 기능합니다.)</div> <div id="expand">자세히</div><div class="clear"></div> </div> </a> </div> </div> <div id="tab7" class="tab-content"> <em class="anchor" id="bookRelate"></em> <h3>추천도서</h3> <div class="content-inner" style="border: 1px solid #ececec; border-radius: 5px; margin-bottom:30px; padding: 5px;"> <div style="font-weight:bold;">분야의 베스트셀러 > </div> <div class="related"> <a href="/compare.jsp?isbn=9791163037231"> <div class="related-img"><img class="lazy" data-src="/img_thumb2/9791163037231.jpg" alt="된다! 하루 만에 끝내는 챗GPT 활용법 - 인공지능에게 일 시키고 시간 버는 법, 전면 개정 3판" onerror="this.src='./img/prepare.png'"></div> <div class="related-title">된다! 하루 만에 끝내는 챗GPT 활용법 - 인공지능에게 일 시키고 시간 버는 법, 전면 개정 3판</div> <div class="related-author">프롬프트 크리에이터 </div> </a> </div> <div class="related"> <a href="/compare.jsp?isbn=9791140713554"> <div class="related-img"><img class="lazy" data-src="/img_thumb2/9791140713554.jpg" alt="AI로 7일 만에 사업 시작하기" onerror="this.src='./img/prepare.png'"></div> <div class="related-title">AI로 7일 만에 사업 시작하기</div> <div class="related-author">로사장(김다솔) </div> </a> </div> <div class="related"> <a href="/compare.jsp?isbn=9791157848164"> <div class="related-img"><img class="lazy" data-src="/img_thumb2/9791157848164.jpg" alt="AI 전쟁 2.0 - AI 세계 전쟁의 실체와 대한민국의 전략 카드" onerror="this.src='./img/prepare.png'"></div> <div class="related-title">AI 전쟁 2.0 - AI 세계 전쟁의 실체와 대한민국의 전략 카드</div> <div class="related-author">하정우, 한상기 </div> </a> </div> <div class="related"> <a href="/compare.jsp?isbn=9791194383338"> <div class="related-img"><img class="lazy" data-src="/img_thumb2/9791194383338.jpg" alt="이게 되네? 클로드 MCP 미친 활용법 27제 - 엑셀, 노션, 옵시디언, 피그마, 블렌더, 스테이블 디퓨전부터 메일, 보고서, 블로그, 대시보드, 크롤링, 유튜브 썸네일 생성까지 27가지 일잘러의 AI 대통합 업무 자동화" onerror="this.src='./img/prepare.png'"></div> <div class="related-title">이게 되네? 클로드 MCP 미친 활용법 27제 - 엑셀, 노션, 옵시디언, 피그마, 블렌더, 스테이블 디퓨전부터 메일, 보고서, 블로그, 대시보드, 크롤링, 유튜브 썸네일 생성까지 27가지 일잘러의 AI 대통합 업무 자동화</div> <div class="related-author">박현규 </div> </a> </div> <div class="related"> <a href="/compare.jsp?isbn=9791163034735"> <div class="related-img"><img class="lazy" data-src="/img_thumb2/9791163034735.jpg" alt="Do it! 점프 투 파이썬 - 중학생도 첫날부터 실습하는 초고속 입문서, 전면 개정 2판" onerror="this.src='./img/prepare.png'"></div> <div class="related-title">Do it! 점프 투 파이썬 - 중학생도 첫날부터 실습하는 초고속 입문서, 전면 개정 2판</div> <div class="related-author">박응용 </div> </a> </div> <div class="clear"></div> </div> <div class="content-inner" style="border: 1px solid #ececec; border-radius: 5px; margin-bottom:30px; padding: 5px;"> <div style="font-weight:bold;">분야의 신간도서 > </div> <div class="related"> <a href="/compare.jsp?isbn=9791127462406"> <div class="related-img"><img class="lazy" data-src="/img_thumb2/9791127462406.jpg" alt="스퀘어 에닉스의 게임 AI" onerror="this.src='./img/prepare.png'"></div> <div class="related-title">스퀘어 에닉스의 게임 AI</div> <div class="related-author">스퀘어 에닉스 , 송지연 </div> </a> </div> <div class="related"> <a href="/compare.jsp?isbn=9791199271203"> <div class="related-img"><img class="lazy" data-src="/img_thumb2/9791199271203.jpg" alt="사수 없는 디자이너의 나 홀로 성장하기 - 선배 디자이너가 알려 주는 취업, 디자인 실력 향상, 이직, 포트폴리오 관리" onerror="this.src='./img/prepare.png'"></div> <div class="related-title">사수 없는 디자이너의 나 홀로 성장하기 - 선배 디자이너가 알려 주는 취업, 디자인 실력 향상, 이직, 포트폴리오 관리</div> <div class="related-author">가마타 다카시 , 구수영 , 김광혁 (감수)</div> </a> </div> <div class="related"> <a href="/compare.jsp?isbn=9788931476590"> <div class="related-img"><img class="lazy" data-src="/img_thumb2/9788931476590.jpg" alt="2026 이기적 GTQ 일러스트 1급 기본서 (ver.CC 2020) - 동영상 강의 무료 + 실습 파일 제공 + 답안 전송 프로그램 제공" onerror="this.src='./img/prepare.png'"></div> <div class="related-title">2026 이기적 GTQ 일러스트 1급 기본서 (ver.CC 2020) - 동영상 강의 무료 + 실습 파일 제공 + 답안 전송 프로그램 제공</div> <div class="related-author">일마 </div> </a> </div> <div class="related"> <a href="/compare.jsp?isbn=9788931479003"> <div class="related-img"><img class="lazy" data-src="/img_thumb2/9788931479003.jpg" alt="마인크래프트 건축 가이드 : 마법 프로젝트" onerror="this.src='./img/prepare.png'"></div> <div class="related-title">마인크래프트 건축 가이드 : 마법 프로젝트</div> <div class="related-author">Mojang AB , 강세중 </div> </a> </div> <div class="related"> <a href="/compare.jsp?isbn=9791173400278"> <div class="related-img"><img class="lazy" data-src="/img_thumb2/9791173400278.jpg" alt="파이썬으로 구현하는 자료구조와 알고리즘" onerror="this.src='./img/prepare.png'"></div> <div class="related-title">파이썬으로 구현하는 자료구조와 알고리즘</div> <div class="related-author">마이클 굿리치, 로베르토 타마시아, 마이클 골드워서 , 강필성, 신인철, 장원두, 천인국 </div> </a> </div> <div class="clear"></div> </div> </div> <div class="clear"></div> </div> <div class="supply-coupang">이 포스팅은 쿠팡 파트너스 활동의 일환으로,</div> <div class="supply-coupang">이에 따른 일정액의 수수료를 제공받습니다.</div> <div class="supply-coupang">이 포스팅은 제휴마케팅이 포함된 광고로 커미션을 지급 받습니다.</div> <div class="supply">도서 DB 제공 : 알라딘 서점(www.aladin.co.kr)</div> </div> <div class="clear"></div> </div> <style> .right-side { position:fixed; left: calc(50% + 600px); top: calc(25%); } #recent-list { position: relative; border: 1px solid #e3e5e8; width: 100px; max-height: 525px; z-index: 9999; border-radius: 5px; } #recent-list.on { top: auto; bottom: 204px; z-index: 1; } .right-side.on { top: auto; bottom: 150px; z-index: 1; } .view-all { margin: 2px 0 3px 5px; padding: 5px 0; font-size: 12px; font-weight: bold; } .view-all a{ color: #5d5959; } @media (max-width: 1170px){ .right-side {display: none;} .top-anchor {display: block;} } </style> <script> $(window).scroll(function() { if ($(this).scrollTop() > 500) { $('.top-anchor').fadeIn(100); } else { $('.top-anchor').fadeOut(100); } }); $(window).on('scroll resize onResize', function() { var sT = $(window).scrollTop(); var val = $(document).height() - $(window).height() - $('.copyright').outerHeight(); if(sT >= val){ $('.right-side').addClass('on'); } else { $('.right-side').removeClass('on'); } }); </script> <div class="right-side"> <div id="recent-list"> <div style="font-weight:bold; color: #528996; font-size: 14px; padding: 5px; border-bottom: 1px solid #ececec">최근 본 책</div> </div> <div class="top-anchor" style="display: none; width: 34px; height: 44px; margin-top:10px; background-image:url('./img/gotop.png'); background-size: 34px 44px; cursor:pointer;" onclick="window.scrollTo(0,0);"></div> </div> <div class="clear"></div> <!-------right-------> </section> <style> footer {height: 120px} .logo-footer {float:left; margin: 45px 30px 30px 150px;} .content-footer {margin: 20px 0px 0px 60px; float: left} .copyright {display: block; text-align: left; padding: 0px; margin: 0px 0px 15px 0px; line-height: 22px;} .footer-nav {float: left; padding:2px 0px; font-size: 14px; margin: 10px 0px 15px 0px; font-weight: bold;} .footer-nav::after {content: "|"; display: block; float: right; padding: 0px 40px; color: #d9d9d9; font-size: 13px;} .footer-nav:nth-child(3)::after {content: ""; padding: 0px;} .footer-nav:nth-child(1) {padding-left: 0px;} .footer-nav:nth-child(3) {color: #767676} @media (max-width: 1170px){ footer {border-top: 2px solid #cbeaf1;} .container .copyright {display: block; margin-left: 0px !important;} .container .logo-footer {display: none;} .container .content-footer {margin: 0 auto; width: 670px; float: none} .container .privacy {margin-top: -10px !important; font-size: 12px !important; float:none !important; text-align: center;} } @media (max-width: 800px){ .container .copyright .copyright_li {font-size: 10px; display: none;} .container .content-footer {float: right; width: 100%} .container .content-footer ul {text-align: center;} .container .content-footer .footer-nav {float: none; display: inline-block;} .footer-nav:nth-child(1)::before {content: "";} } @media (max-width: 700px){ footer {height: 60px;} .container .content-footer {width: 270px; margin: 10px auto; float: none; line-height: 10px; } .container .content-footer .footer-nav{ font-size: 11px; margin: 5px 0px; display: inline-block; float: none;} .container .content-footer .footer-nav:nth-child(2)::after{display: none;} } </style> <footer> <div class="container"> <div class="logo-footer"> <img style="width: 200px; height:27px;"src="./img/logo_left.png" alt="logo"> </div> <div class="content-footer"> <ul> <li class="footer-nav"><a href="./board/question.jsp">문의하기</a> <li class="footer-nav"><a href="./privacy.jsp">개인정보처리방침</a></li> <li class="footer-nav">Copyright 2025 BOOKPRICE All rights reserved</li> </ul> <ul class="copyright"> <li class="copyright_li">(주)인터버드&emsp;|&emsp;대표이사 : 성낙복&emsp;|&emsp; E-mail: badatime2@gmail.com<li> <li class="copyright_li">사업자등록번호: 602-81-25941&emsp;|&emsp;통신판매업 신고 번호: 2003-부산영도-0052</li> </ul> </div> <div class="clear"></div> </div> </footer><!----footer------------> </div><!--wrap--> <script> document.addEventListener('DOMContentLoaded', function () { let lazyloadImages = document.querySelectorAll('img.lazy'); let lazyloadThrottleTimeout; function lazyload() { if (lazyloadThrottleTimeout) { clearTimeout(lazyloadThrottleTimeout); } lazyloadThrottleTimeout = setTimeout(function () { let scrollTop = window.pageYOffset; Array.prototype.forEach.call(lazyloadImages, function (img,index) { if(img.offsetParent!=null){ if (img.offsetParent.offsetTop < window.innerHeight + scrollTop) { img.src = img.dataset.src; img.classList.remove('lazy'); } } }); if (lazyloadImages.length === 0) { document.removeEventListener('scroll', lazyload); window.removeEventListener('resize', lazyload); window.removeEventListener('orientationChange', lazyload); window.removeEventListener('load', lazyload); } }, 20); } document.addEventListener('scroll', lazyload); window.addEventListener('resize', lazyload); window.addEventListener('orientationChange', lazyload); window.addEventListener('load', lazyload); }); $(document).ready(function(){ $("#new_tb").on("click", "tbody .tr2", function(event){ const clickTarget = event.target.parentNode.getAttribute('onclick'); const params = {"target": clickTarget, "sid": '31D3917E0E1B54AB61B63CA0096CD7B5', isbn: '9788979140576', ua: navigator.userAgent, t: "new"} Clicker(params); }) $("#used_tb").on("click", "tbody .tr4", function(event){ const clickTarget = event.target.parentNode.getAttribute('onclick'); const params = {"target": clickTarget, "sid": '31D3917E0E1B54AB61B63CA0096CD7B5', isbn: '9788979140576', ua: navigator.userAgent, t: "used"} Clicker(params); }) $('#tab4 #innerAuthor').each(function (){ var aa= $(this).children().find("#author-info")[0].scrollHeight; var bb = $(this).children().find("#author-info").innerHeight(); if(aa > bb) { $(this).children(".authInfo-more").css("display","block"); } }); $('.authInfo-more').click(function(){ var more = $(this).parent().children().children('#author-info'); if(more.css("-webkit-line-clamp") != "3"){ more.css("-webkit-line-clamp","3"); $(this).children('.i-more').css("transform","rotate(360deg)"); $(this).children('span').text("펼치기"); } else { more.css("-webkit-line-clamp","initial"); $(this).children('.i-more').css("transform","rotate(180deg)"); $(this).children('span').text("접기"); } }); $(window).on('scroll resize onResize', function() { adjustTabFix() }); $(window).on('scroll resize onResize', function() { $('.tab-content').each(function() { if($(window).scrollTop()>=$(this).offset().top-100){ var text = $(this).children("h3").text(); $('.tab a div').removeClass('tab-select'); $('.tab a div:contains('+text+')').addClass('tab-select'); } else if ($(window).scrollTop()+1 >= $(document).height() - $(window).height()){ $('.tab a div').removeClass('tab-select'); $('.tab a div').last().addClass('tab-select'); } }); }); $('.tab div').click(function(){ var index = $('.tab div').index(this) $('.tab div').removeClass('tab-select'); $('.tab div').removeClass('tab-select'); $(this).addClass('tab-select'); $('.tab div:eq('+index+')').addClass('tab-select'); }); const totalData = { isbn: '9788979140576', ps: '25000', ca: 'ko', as: '0', category: 'ko', tt: encodeURIComponent('HTML 핵심 가이드 - 3rd Edition'), ep: '0', em: '0', el: '', at: encodeURIComponent('Chuck Musciano'), yesup: 'true', kbup: 'true', evup: 'true', ypup: 'true', cpup: 'true', gmup: 'true', ysel : '', kbel : '', gmp: '0' ,gmd:'0', gms: '0', gmpo: '0', gml: '', gmcd: encodeURIComponent('') } const usedData = { isbn: '9788979140576', aic: '0', amp: '0', aul : '', uic: '0', ump: '0', uul: '', s: '225219', ps11: '0', link11: '', gmp: '0', gml: '' } if('true'!='true'){ ajaxNew(totalData); ajaxUsed(usedData); } if(document.querySelector('#amzn_assoc_ad_div_adunit0_0')!=null){ setTimeout(function(){ const oversea = document.getElementsByClassName('oversea'); const amzAds = document.getElementById('amzn-native-ad-0'); if(amzAds.style.display != 'block'){$('.oversea').html("등록된 직구도서 정보가 없습니다.");} }, 2000); } else if(document.querySelector('.oversea')!=null){ $('.oversea').html("등록된 직구도서 정보가 없습니다."); } if('false'){ } }); const adjustTabFix =function(){ if($( window ).width() > 700){ if($(document).scrollTop() >= $('.content').offset().top-100){ $('.tab').removeClass('tab-fix-mo'); $('.tab').addClass('tab-fix'); // $('header').css('height','103px'); } else { $('.tab').removeClass('tab-fix'); $('.tab').removeClass('tab-fix-mo'); } } else { if($(document).scrollTop() >= $('.content').offset().top-82){ $('.tab').removeClass('tab-fix'); $('.tab').addClass('tab-fix-mo'); } else { $('.tab').removeClass('tab-fix-mo'); $('.tab').removeClass('tab-fix'); } } } function Clicker(params){ $.ajax({ type: "post", url: "./ajax/ajax_clicker.jsp", data: params, dataType: "html", contentType: "application/x-www-form-urlencoded; charset:UTF-8", cache: true, timeout: 600000, //10분 success: function(data) { }, error: function(){ console.log("cliker error"); }, complete: function(){ } }); } document.querySelector('#book-thumb_img').addEventListener("click",(e)=>{ e.preventDefault(); let link = document.querySelector('#new_tb .tr2').getAttribute("onclick"); if(link) { link = link.substring(link.indexOf("(")+2, link.indexOf(")")-1); window.open(link); } }); document.querySelector('.detail').addEventListener("click",(e)=>{ const isbn = e.target.getAttribute("data-id"); window.open(`/img_thumb2/${isbn}.jpg`); }); </script> <script type="text/javascript" src="https://www.google.com/books/jsapi.js"></script> <script> var isbn; const checkPreview = function(booksInfo){ for (id in booksInfo) { isbn = id; if (booksInfo[id] && booksInfo[id].preview == 'partial') { google.books.load(); document.getElementById('previewBtn').style.display = 'block'; } } } document.querySelector('#previewBtn').addEventListener('click', function () { const pre = document.getElementsByClassName('previewCanvas')[0] if(pre.innerHTML == '') { document.querySelector('#loader').style.display = 'block'; preview(); } document.querySelector('.preview_box').classList.add('preview_on'); document.body.style.overflow = 'hidden'; document.querySelector('.tab').classList.remove('tab-fix'); document.querySelector('.tab').classList.remove('tab-fix-mo'); document.querySelector('header').classList.remove('header_fix'); document.querySelector('header').classList.remove('header_fix_mo'); //document.body.style.paddingRight ='15px'; }) const preview = function(){ const canvas = document.querySelector('.previewCanvas') const viewer = new google.books.DefaultViewer(canvas); viewer.load([isbn], null, previewSucc); } const previewSucc = function(viewer){ document.querySelector('#loader').style.display = 'none'; const canvas = document.querySelector('.previewCanvas') canvas.style.position = 'relative' const closeBtn = document.createElement('div') closeBtn.id = 'previewCloseBtn' closeBtn.textContent='닫기' canvas.prepend(closeBtn) closeBtn.addEventListener('click', e => {closePreviewBox()}) } const previewBox = document.querySelector('.preview_box') const closePreviewBox = function(){ previewBox.classList.remove('preview_on'); document.body.style.overflow = ''; adjustTabFix() responsive() } previewBox.addEventListener('click', (e) => { if(e.target === previewBox) closePreviewBox(); }) </script> <script src="https://encrypted.google.com/books?jscmd=viewapi&bibkeys=ISBN:&callback=checkPreview"></script> </body> <!--block:0.001--> <!--upYN:0.027--> <!--api+db:-1.753068728969E9--> <!--db:0.0--> <!--img:0.0--> <!--sel:0.059--> <!--series:1.753068729028E9--> <!--total:0.087--> </html>