목차
1부 자바스크립트의 시작은 HTML부터
제1장 HTML 기초 사용법 익히기
1.1 HTML이란? ... 20
1.1.1 HTML의 구조 ... 22
1.1.2 HTML의 특성 ... 23
1.2 HTML 기본 태그 ... 26
1.3 HTML과 메모장 ... 29
1.4 웹브라우저로 HTML 실행하기 ... 32
1.5 주석 태그 ... 36
제2장 HTML 초급 기능 태그 익히기
2.1 문단 구성 태그 ... 38
2.1.1 〈BR〉 태그 ... 38
2.1.2 〈P〉 태그 ... 40
2.2 문서 정렬 태그 ... 42
2.2.1 〈CENTER〉 태그 ... 43
2.2.2 〈ALIGN〉 태그 ... 45
2.3 글자 스타일 태그 ... 46
2.3.1 물리적 스타일 태그 ... 47
2.3.2 논리적 스타일 태그 ... 63
2.4 글자 크기 태그 ... 63
2.4.1 〈Hn〉...〈／Hn〉 태그 ... 78
2.4.2 〈BASEFONT SIZE ＝ n〉 태그 ... 79
2.4.3 〈FONT ＝ n〉...〈／FONT〉 태그 ... 81
2.5 텍스트 규정 태그 ... 83
2.5.1 〈PRE〉...〈／PRE〉 태그 ... 83
2.5.2 〈XMP>...〈／XMP〉 태그 ... 85
2.6 배경 삽입 태그 ... 87
2.6.1 배경색 삽입하기 ... 87
2.6.2 배경 이미지 삽입하기 ... 90
제3장 HTMl 중급 기능 태그 익히기
3.1 문단 구분 태그 ... 92
3.1.1 WIDTH 속성으로 선 길이 조절하기 ... 92
3.1.2 SIZE 속성으로 선 폭 지정하기 ... 95
3.1.3 ALIGN 속성으로 선 정렬하기 ... 96
3.1.4 NOSHADE 속성으로 선의 입체감 해제하기 ... 97
3.2 목록 정의 태그 ... 99
3.2.1 〈LI〉 태그 ... 99
3.2.2 〈UL〉 태그 ... 100
3.2.3 〈OL〉 태그 ... 103
3.2.4 〈DL〉 태그 ... 105
3.2.5 〈DT〉 태그 ... 107
3.2.6 〈DD〉 태그 ... 108
3.2.7 〈DIR〉 태그 ... 110
3.2.8 〈MENU〉 태그 ... 111
3.3 그림 삽입 태그 ... 112
3.3.1 홈페이지와 이미지 형식 ... 113
3.3.2 SRC 속성으로 이미지 연결하기 ... 113
3.3.3 ALIGN 속성으로 이미지 정렬하기 ... 114
3.3.4 ALT 속성과 이미지 툴 팁 ... 116
3.3.5 이미지 크기 조절하기 ... 118
3.3.6 BORDER 속성 ... 120
3.3.7 HSPACE와 VSPACE 속성 ... 122
3.4 문서 연결 태그 ... 123
3.4.1 절대 경로와 상대 경로 ... 124
3.4.2 한 문서 내에서 경로 설정하기 ... 125
3.4.3 문서끼리 연결하기 ... 128
3.4.4 이미지를 이용한 문서 연결하기 ... 133
3.4.5 URL 연결하기 ... 136
3.4.6 메일 보내기 ... 139
제4장 HTML 고급 기능 태그 익히기
4.1 테이블 만들기 ... 142
4.1.1 〈TABLE〉 태그 ... 143
4.1.2 〈TR〉 태그 ... 158
4.1.3 〈TD〉 태그 ... 165
4.1.4 〈TH〉...〈／TH〉 태그 ... 171
4.1.5 〈CAPTION〉 태그 ... 173
4.1.6 〈TBODY〉 태그 ... 175
4.1.7 〈THEAD〉 태그 ... 176
4.1.8 〈TFOOT〉 태그 ... 178
4.1.9 테이블에서 글자 하이퍼링크하기 ... 179
4.1.10 테이블에서 이밎 하이퍼링크하기 ... 182
4.1.11 테이블 만들기 ... 185
4.2 프레임(FRAME) ... 186
4.2.1 프레임 나누기 ... 187
4.2.2 프레임에 정보 삽입하기 ... 195
4.2.3 프레임 속성 알기 ... 203
제5장 HTML을 이용한 홈페이지 만들기 활용
5.1 홈페이지 설계하기 ... 209
5.2 실전 홈페이지 만들기 ... 210
5.2.1 index.html ... 210
5.2.2 left.html ... 212
5.2.3 top.html ... 213
5.2.4 bottom.html ... 215
5.2.5 소개.html ... 216
5.2.6 핑클.html ... 218
5.2.7 시.html ... 220
5.2.8 검색엔진.html ... 225
5.2.9 신문.html ... 228
제2부 자바스크립트 그 첫걸음!!
제1장 자바스크립트란?
1.1 자바스크립트의 필요성 ... 232
1.2 자바스크립트의 개요 ... 234
1.3 자바 대 자바스크립트 235
1.4 HTML과 자바스크립트 ... 236
1.4.1 〈SCRIPT〉 태크로 자바스크립트 삽입하기 ... 237
1.4.2 주석 태그에 자바스크립트 삽입하기 ... 241
제2장 객체지향의 세계
2.1 객체지향기술(OOT)의 기본 개념 ... 244
2.2 객체란 무엇인가? ... 245
2.2.1 객체와 메시지의 전달 ... 246
2.2.2 캡슐화(Encapsulation) ... 247
2.2.3 클래스(Class)와 상속성(Inheritance) ... 248
2.2.4 다형성(Polymorphism) ... 249
제3장 자료형과 연산자
3.1 자료형(Data Type) ... 250
3.1.1 상수 자료형 ... 251
3.1.2 데이터형 자동 변환 ... 254
3.2 상수와 변수 ... 255
3.2.1 상수(Constant) ... 255
3.2.2 변수(Variables) ... 256
3.2.3 변수명 사용 규칙 ... 257
3.3 표현식(Expression) ... 258
3.3.1 값을 변수에 할당하는 표현식 ... 258
3.3.2 값만 갖는 표현식 ... 259
3.4 연산자(Operator) ... 259
3.4.1 산술 연산자 ... 259
3.4.2 관계 연산자 ... 262
3.4.3 논리 연산자 ... 264
3.4.4 할당(대입) 연산자 ... 268
3.4.5 비트 단위 연산자 ... 271
3.4.6 증감 연산자 ... 276
3.4.7 연산자의 우선 순위 ... 280
3.5 예약어(Key Word) ... 281
제4장 조건문, 반복문, 제어문, 배열
4.1 조건문 ... 282
4.1.1 순차문(sequential statement) ... 283
4.1.2 if 문 ... 283
4.1.3 if else 문 ... 287
4.1.4 중첩된 if 문 ... 291
4.2 반복문 ... 298
4.2.1 반복문의 조건 평가 ... 298
4.2.2 while 문 ... 299
4.2.3 for 문 ... 303
4.2.4 중첩된 반복문(다중 for 문, 다중 while 문) ... 309
4.3 강제 제어문 ... 311
4.3.1 break 문 ... 311
4.3.2 continue 문 ... 314
4.3.3 return 문 ... 317
4.4 개체 제어문 ... 319
4.4.1 for in 문 ... 319
4.4.2 new 연산자 ... 322
4.4.3 this 키워드 ... 322
4.4.4 with 문 ... 323
4.4.5 typeof 키워드 ... 325
제3부 자바스크립트 결승점을 향하여!!
제1장 내장 함수와 사용자 정의 함수
1.1 일반적으로 사용되는 내장 함수 ... 330
1.1.1 eval() 함수 ... 331
1.1.2 parseInt() 함수 ... 335
1.1.3 parseFloat() 함수 ... 337
1.1.4 escape() 함수 ... 339
1.1.5 unescape() 함수 ... 341
1.2 사용자 정의 함수 ... 343
1.2.1 매개변수가 하나인 경우 ... 345
1.2.2 매개변수가 두 개인 경우 ... 347
1.2.3 매개변수가 없는 경우 ... 350
1.2.4 두 개의 함수를 갖는 스크립트 ... 351
1.2.5 재귀적 호출을 갖는 스크립트 ... 354
1.2.6 인자의 개수가 변하는 함수 ... 358
1.3 자바스크립트 함수 ... 359
제2장 객체지향 프로그래밍과 자바스크립트
2.1 객체 모델(Object Model) ... 364
2.1.1 객체와 속성 ... 365
2.1.2 객체와 메쏘드 ... 369
2.1.3 객체 생성하기 ... 374
2.1.4 객체를 사용한 객체 정의하기 ... 379
2.2 자바스크립트와 내장 객체 ... 384
2.2.1 Array 객체 ... 384
2.2.2 Array 객체의 메쏘드 ... 388
2.2.3 Date 객체 ... 392
2.2.4 Function 객체 ... 399
2.2.5 Math 객체 ... 402
2.2.6 Number 객체 ... 407
2.2.7 Screen 객체 ... 409
2.2.8 String 객체 ... 411
2.2.9 Text 객체 ... 426
2.2.10 입력 양식 객체 ... 430
2.3 속성(Property) ... 434
2.4 메쏘드(Method) ... 435
2.5 자바스크립트와 이벤트 ... 436
2.5.1 자바스크립트 이벤트와 이벤트 핸들러 사용하기 ... 437
2.5.2 이벤트와 이벤트 핸들러의 개념 ... 438
2.5.3 이벤트 사용하기 ... 441
2.5.4 Event 객체 ... 459
2.5.5 Event 잡아채기 ... 464
제3장 자바스크립트에서 제공하는 브라우저 내장 객체 익히기
3.1 브라우저 내장 객체의 계층 구조 ... 468
3.1.1 브라우저 객체 조직 ... 468
3.1.2 Window 객체 조직도 ... 469
3.2 Window 객체 ... 470
3.2.1 Window 객체의 속성 ... 471
3.2.2 Window 객체의 메쏘드 ... 482
3.2.3 Window 객체의 이벤트 핸들러 ... 521
3.3 Document 객체 ... 539
3.3.1 Document 객체의 속성 ... 539
3.3.2 Document 객체의 메쏘드 ... 547
3.4 Location 객체 ... 549
3.5 Image 객체 ... 551
3.6 History 객체 ... 553
3.7 Navigator 객체 ... 556
3.8 Link 객체 ... 558
3.9 배열과 Array 객체 ... 561
3.9.1 배열의 정의 ... 563
3.9.2 배열의 종류 ... 563
3.9.3 배열 사용하기 ... 565
3.9.4 배열을 사용하여 객체의 속성 값 알기 ... 569
3.9.5 Array 객체 ... 571
3.10 자바스크립트와 HTML 배치 ... 576
3.11 브라우저와 운영체제 구분하기 ... 578
3.11.1 브라우저 객체의 속성 ... 579
3.11.2 브라우저 객체의 이름과 버전 확인 스크립트 넣기 ... 579
3.11.3 운영체제 구분하기 ... 581
제4장 입력 양식 객체 익히기
4.1 Form 객체 ... 587
4.1.1 Form 객체의 속성 ... 587
4.1.2 Form 객체의 메쏘드 ... 590
4.1.3 Form 객체의 이벤트 핸들러 ... 594
4.2 Button 객체 ... 598
4.3 Checkbox 객체 ... 600
4.4 FileUpload 객체 ... 608
4.5 Radio 객체 ... 611
4.6 Select 객체 ... 617
4.7 Text 객체 ... 623
4.7.1 Text 객체의 속성 ... 623
4.7.2 Text 객체의 메쏘드 ... 626
4.7.3 Text 객체의 이벤트 핸들러 ... 631
4.8 Textarea 객체 ... 631
4.9 Password 객체 ... 635
제5장 스타일시트와 레이어
5.1 스타일시트 정의와 상속하기 ... 636
5.1.1 스타일시트 정의하기 ... 639
5.1.2 스타일시트 상속하기 ... 641
5.1.3 폰트 지정 스타일시트 ... 646
5.2 레이어(Layer) ... 650
5.2.1 〈LAYER〉 태그를 이용해서 레이어 만들기 ... 650
5.2.2 스타일시트를 이용해서 레이어 만들기 ... 655
5.2.3 LAYER 객체를 이용해서 레이어 만들기 ... 657
5.2.4 레이어의 종류 ... 671
제6장 프레임 다루기
6.1 Frame 객체 사용하기 ... 674
6.2 프레임 속에 프레임 넣기 ... 679
6.3 프레임 생성하기 ... 684
제4부 자바스크립트 정복하기!!
제1장 30개의 예제로 배우는 자바스크립트
1.html (문자열 출력하기) ... 690
2.html (글자 크기 지정하기) ... 692
3.html (글자색 지정하기) ... 694
4.html (배경색 지정하기) ... 696
5.html (버튼 생성하기) ... 698
6.html (메시지 창 출력하기) ... 700
7.html (둘 중 하나 선택 메시지 창 출력하기) ... 702
8.html (함수 호출하기) ... 704
9.html (함수 호출과 배경색 지정하기) ... 706
10.html (이전 문서 또는 URL로 이동하기) ... 708
11.html (back 메쏘드를 이용해 이전 화면으로 이동하기) ... 710
12.html (forward 메쏘드를 이용해 이전 화면으로 이동하기) ... 712
13.html (문서 링크하기) ... 714
14.html (경로명 확인하기) ... 716
15.html (상태바에 윈도우 상태 나타내기) ... 718
16.html (prompt 메쏘드로 주소 입력받기) ... 720
17.html (alert 메쏘드를 이용해 매개변수 전달하기) ... 722
18.html (새 창을 이용한 문서 열기) ... 724
19.html (URL을 지정한 문서 열기) ... 726
20.html (이벤트에 따른 함수 호출하기) ... 728
21.html (mouseover 이벤트 핸들러 발생하기) ... 730
22.html (alert 메쏘드의 Value와 Name 속성 설정하기) ... 732
23.html (confirm 메쏘드 값 반환하기) ... 734
24.html (체크 박스의 선택여부 확인하기) ... 738
25.html (콤보 박스 리스트 선택하기) ... 741
26.html (반복문 처리하기) ... 744
27.html (버튼에 대한 정보 보기) ... 746
28.html (함수 처리하기) ... 748
29.html (함수 호출하기) ... 750
30.html (콤보 박스의 정보를 대화상자로 보여주기) ... 754
제2장 자바스크립트 팁 모음집
2.1 윈도우 추가하기 ... 757
2.2 시간과 날짜 삽입하기 ... 759
2.3 애니메이션 만들기 ... 762
2.4 풀다운 메뉴 만들기 ... 764
2.5 하드디스크 열기 ... 766
2.6 플러그인 ... 768
2.7 쿠키(Cookie) ... 771
2.8 비만도 측정하기 ... 773
2.9 나만의 달력 만들기 ... 777
2.10 마우스로 이미지 변경하기 ... 781
2.11 일반용 계산기 만들기 ... 785
2.12 글자 깜빡이기 ... 790
2.13 배너 만들기 ... 791
2.14 핑퐁 효과 주기 ... 793
2.15 글자 스크롤 하기 ... 797
2.16 마우스 포인터에 따른 효과 주기 ... 898
2.17 시간 계산하기 ... 800
제3장 자바스크립트로 실전 홈페이지 만들기
3.1 홈페이지 설계하기 ... 805
3.2 실전 홈페이지 만들기 ... 806
3.2.1 index.html ... 806
3.2.2 profile.html ... 812
3.2.3 favorite.html ... 817
3.2.4 photo.html ... 822
3.2.5 down.html ... 833
3.2.6 recmd.html ... 838
부록 객체, 메쏘드, 함수, 속성, 이벤트 핸들러 라이브러리
1. 객체 라이브러리 ... 846
2. 메쏘드와 함수 라이브러리 ... 862
3. 속성 라이브러리 ... 883
4. 이벤트 핸들러 라이브러리 ... 900
찾아보기 ... 902
에필로그 ... 908
닫기