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>    <a class="author-more" rel="noreferrer" target="_blank" href="https://www.aladin.co.kr/author/wauthor_overview.aspx?AuthorSearch=@72044&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>    <a class="author-more" rel="noreferrer" target="_blank" href="https://www.aladin.co.kr/author/wauthor_overview.aspx?AuthorSearch=@72045&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>    <a class="author-more" rel="noreferrer" target="_blank" href="https://www.aladin.co.kr/author/wauthor_overview.aspx?AuthorSearch=@44873&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=9791189909970"> <div class="related-img"><img class="lazy" data-src="/img_thumb2/9791189909970.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=9791194383475"> <div class="related-img"><img class="lazy" data-src="/img_thumb2/9791194383475.jpg" alt="요즘 당근 AI 개발 - AI가 만든 파도 위에서 과감히 서핑하는 법 / AI 에이전트, 프롬프트 엔지니어링, VoC 자동 분석, 운영자동화, 바이브 코딩 AI 검색과 추천까지 당근의 AI 활용 이야기" onerror="this.src='./img/prepare.png'"></div> <div class="related-title">요즘 당근 AI 개발 - AI가 만든 파도 위에서 과감히 서핑하는 법 / AI 에이전트, 프롬프트 엔지니어링, VoC 자동 분석, 운영자동화, 바이브 코딩 AI 검색과 추천까지 당근의 AI 활용 이야기</div> <div class="related-author">당근 팀 </div> </a> </div> <div class="related"> <a href="/compare.jsp?isbn=9791193528938"> <div class="related-img"><img class="lazy" data-src="/img_thumb2/9791193528938.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=9791169214223"> <div class="related-img"><img class="lazy" data-src="/img_thumb2/9791169214223.jpg" alt="누구나 아는 나만 모르는 챗GPT - 세상에서 가장 쉬운 챗GPT & AI 입문서 CHATGPT, 제미나이, 나노바나나, Suno, 노트북LM, Sora, 감마, 냅킨" onerror="this.src='./img/prepare.png'"></div> <div class="related-title">누구나 아는 나만 모르는 챗GPT - 세상에서 가장 쉬운 챗GPT & AI 입문서 CHATGPT, 제미나이, 나노바나나, Suno, 노트북LM, Sora, 감마, 냅킨</div> <div class="related-author">이성원(누나IT) </div> </a> </div> <div class="related"> <a href="/compare.jsp?isbn=9791162543931"> <div class="related-img"><img class="lazy" data-src="/img_thumb2/9791162543931.jpg" alt="비전공자도 이해할 수 있는 AI 지식 (10만부 기념 개정판) - 챗GPT부터 유튜브 추천, 파파고 번역과 내비게이션까지 일상을 움직이는 인공지능 이해하기" onerror="this.src='./img/prepare.png'"></div> <div class="related-title">비전공자도 이해할 수 있는 AI 지식 (10만부 기념 개정판) - 챗GPT부터 유튜브 추천, 파파고 번역과 내비게이션까지 일상을 움직이는 인공지능 이해하기</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=9788931481419"> <div class="related-img"><img class="lazy" data-src="/img_thumb2/9788931481419.jpg" alt="2026 이기적 리눅스마스터 2급 (1·2차) - 무료 동영상 강의 + 또기적 합격자료집 PDF + 최신 기출문제 2회 + CBT 온라인문제집" onerror="this.src='./img/prepare.png'"></div> <div class="related-title">2026 이기적 리눅스마스터 2급 (1·2차) - 무료 동영상 강의 + 또기적 합격자료집 PDF + 최신 기출문제 2회 + CBT 온라인문제집</div> <div class="related-author">권소라 </div> </a> </div> <div class="related"> <a href="/compare.jsp?isbn=9791194630432"> <div class="related-img"><img class="lazy" data-src="/img_thumb2/9791194630432.jpg" alt="비버챌린지와 함께하는 컴퓨팅 사고와 정보과학 : 2025년도 기출문제집 (중·고등학생용) - Bebras Challenge 공식 교재" onerror="this.src='./img/prepare.png'"></div> <div class="related-title">비버챌린지와 함께하는 컴퓨팅 사고와 정보과학 : 2025년도 기출문제집 (중·고등학생용) - Bebras Challenge 공식 교재</div> <div class="related-author">한국비버챌린지 </div> </a> </div> <div class="related"> <a href="/compare.jsp?isbn=9788966265060"> <div class="related-img"><img class="lazy" data-src="/img_thumb2/9788966265060.jpg" alt="어쨌든, 바이브 코딩 - 코딩을 몰라도 50개 앱과 웹사이트를 AI와 LLM을 활용해서 개발한다" onerror="this.src='./img/prepare.png'"></div> <div class="related-title">어쨌든, 바이브 코딩 - 코딩을 몰라도 50개 앱과 웹사이트를 AI와 LLM을 활용해서 개발한다</div> <div class="related-author">코다프레스 , 양희은 </div> </a> </div> <div class="related"> <a href="/compare.jsp?isbn=9791194383659"> <div class="related-img"><img class="lazy" data-src="/img_thumb2/9791194383659.jpg" alt="요즘 바이브 코딩 v0 + 커서 입문 PRD 기획·개발·배포, 일주일 완성 - 인공지능 코딩, vercel, 기획, PRD, 설계, 인증, 배포, QR·바코드 생성 앱, 챗GPT, DeepL 번역 클론 앱, API, 리팩터링, 수파베이스 연동, 6/45 로또 앱, AI 챗봇, 메모 앱, 할 일 목록 앱, 이미지 갤러리 앱, 커서 CLI, 커서 R" onerror="this.src='./img/prepare.png'"></div> <div class="related-title">요즘 바이브 코딩 v0 + 커서 입문 PRD 기획·개발·배포, 일주일 완성 - 인공지능 코딩, vercel, 기획, PRD, 설계, 인증, 배포, QR·바코드 생성 앱, 챗GPT, DeepL 번역 클론 앱, API, 리팩터링, 수파베이스 연동, 6/45 로또 앱, AI 챗봇, 메모 앱, 할 일 목록 앱, 이미지 갤러리 앱, 커서 CLI, 커서 R</div> <div class="related-author">김동학 </div> </a> </div> <div class="related"> <a href="/compare.jsp?isbn=9791127476182"> <div class="related-img"><img class="lazy" data-src="/img_thumb2/9791127476182.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>  </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> </div> <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": 'A22228F2CD028279090161D34C4A6438', 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": 'A22228F2CD028279090161D34C4A6438', 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('false'!='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>         </html>

서점	할인가	할인률	배송비	혜택/추가	실질최저가	구매하기

서점	유형	등록개수	최저가	구매하기

서점	정가	할인가	마일리지	실질최저가	구매하기

HTML 핵심 가이드 - 3rd Edition

일반도서

중고도서

eBook

책 이미지

책 정보

책 소개

목차