목차 일부
제1부 HTML 익히기
1 HTML이란? ... 25
2 HTML의 기본 구조 익히기 ... 28
2.1 HTML 문서의 특성 ... 28
2.2 HTML 문서의 기본 구조에 관련된 태그 ... 29
[1] 〈HTML〉...〈／HTML〉 ... 29
[2] 〈HEAD〉...〈／HEAD〉 ... 3...
더보기
목차 전체
제1부 HTML 익히기
1 HTML이란? ... 25
2 HTML의 기본 구조 익히기 ... 28
2.1 HTML 문서의 특성 ... 28
2.2 HTML 문서의 기본 구조에 관련된 태그 ... 29
[1] 〈HTML〉...〈／HTML〉 ... 29
[2] 〈HEAD〉...〈／HEAD〉 ... 30
[3] 〈TITLE〉...〈／TITLE〉 ... 31
[4] 〈BODY〉...〈／BODY〉 ... 34
(1) BackGround 옵션 ... 35
(2) BGCOLOR 옵션 ... 39
(3) TEXT 옵션 ... 40
2.3 HTML의 기본 태그 ... 41
[1] 특수 문자 ... 41
[2] 〈!-- 주석문 --〉 ... 42
[3] 〈BR〉／〈NOBR〉..〈／NOBR〉 ... 42
[4] 〈HR〉 ... 43
(1) SIZE／WIDTH 옵션 ... 43
(2) ALIGN 옵션 ... 44
(3) NOSHADE 옵션 ... 44
3 글자 형식 및 문단 관련 태그 사용하기 ... 46
3.1 글자 크기에 관련된 태그 ... 46
[1] 〈Hn〉...〈／Hn〉 ... 46
[2] 〈FONT〉...〈／FONT〉 ... 48
[3] 〈BIG〉...〈／BIG〉／〈SMALL〉...〈／SMALL〉 ... 49
3.2 글자 모양에 관련된 태그 ... 51
[1] 〈ACRONYM〉...〈／ACRONYM〉 ... 51
[2] 〈ADDRESS〉...〈／ADDRESS〉 ... 51
[3] 〈B〉...〈／B〉 ... 51
[4] 〈CITE〉...〈／CITE〉 ... 51
[5] 〈CODE〉...〈／CODE〉 ... 51
[6] 〈DEL〉...〈／DEL〉 ... 52
[7] 〈DFN〉...〈／DFN〉 ... 52
[8] 〈EM〉...〈／EM〉 ... 52
[9] 〈I〉...〈／I〉 ... 52
[10] 〈INS〉...〈／INS〉 ... 52
[11] 〈KBD〉...〈／KBD〉 ... 52
[12] 〈SAMP〉...〈／SAMP〉 ... 52
[13] 〈STRIKE〉...〈／STRIKE〉 또는 〈S〉...〈／S〉 ... 52
[14] 〈STRONG〉...〈／STRONG〉 ... 52
[15] 〈SUB〉...〈／SUB〉 ... 53
[16] 〈SUP〉...〈／SUP〉 ... 53
[17] 〈TT〉...〈／TT〉 ... 53
[18] 〈U〉...〈／U〉 ... 53
[19] 〈VAR〉...〈／VAR〉 ... 53
[20] 〈FONT〉태그의 기타 옵션 ... 55
(1) FACE 옵션 ... 55
(2) COLOR 옵션 ... 56
3.3 글자 출력 형싱을 지정하는 태그 ... 58
[1] 〈BLOCKQUOTE〉...〈／BLOCKQUOTE〉, 〈Q〉...〈／Q〉 ... 58
[2] 〈PRE〉...〈／PRE〉 ... 59
[3] 〈LISTING〉...〈／LISTING〉 ... 59
[4] 〈XMP〉...〈／XMP〉 ... 59
3.4 문단 또는 블록에 관한 태그 ... 60
[1] 〈P〉...〈／P〉 ... 60
[2] 〈DIV〉...〈／DIV〉 ... 62
[3] 〈CENTER〉...〈／CENTER〉 ... 63
4 목록 관련 태그 사용하기 ... 64
[1] 〈UL〉...〈／UL〉 ... 64
[2] 〈OL〉...〈／OL〉 ... 66
(1) START 옵션 ... 67
(2) TYPE 옵션 ... 69
(3) VALUE 옵션 ... 71
[3] 〈DL〉...〈／DL〉 ... 73
5 이미지(IMG) 태그 사용하기 ... 74
5.1 기본 옵션 ... 74
(1) SRC 옵션 ... 74
(2) WIDTH와 HEIGHT 옵션 ... 76
(3) ALIGN 옵션 ... 77
5.2 그 밖의 〈IMG〉 태그의 옵션 ... 81
(1) HSPACE와 VSPACE 옵션 ... 81
(2) BORDER 옵션 ... 82
(4) ALT 옵션 ... 82
6 테이블 관련 태그 사용하기 ... 84
[1] 〈TABLE〉...〈／TABLE〉 ... 84
(1) 기본 옵션 ... 85
(2) BACKGROUND와 BGCOLOR 옵션 ... 86
(3) FRAME 옵션 ... 87
[2] 〈TR〉...〈／TR〉 ... 90
(1) 기본 옵션 ... 91
(2) BACKGROUND와 BGCOLOR 옵션 ... 92
[3] 〈TD〉...〈／TD〉, 〈TH〉...〈／TH〉 ... 93
[4] 〈CAPTION〉...〈／CAPTION〉 ... 95
[5] 테이블 안에 테이블 삽입하기 ... 97
[6] 셀 합치기 ... 98
[7] 〈COLGROUP〉...〈／COLGROUP〉 ... 99
7 하이퍼링크(Hyper Link) 관련 태그 사용하기 ... 102
[1] 〈A〉...〈／A〉 ... 102
(1) HREF 옵션 ... 102
(2) TARGET 옵션 ... 104
(3) E-Mail 작성하기 ... 106
(4) 그림을 클릭하여 이동하기 ... 107
[2] 문서 내에서 위치 이동하기 ... 108
(1) 이동할 위치 선정 ... 109
(2) 문서 내에서 이동하기 ... 110
(3) 다른 문서에 지정된 위치로 이동하기 ... 111
8 프레임 관련 태그 사용하기 ... 113
8.1 프레임 나누기 ... 113
[1] 〈FRAMESET〉...〈／FRAMESET〉 ... 113
[2] 〈FRAME〉 ... 120
(1) SRC 옵션 ... 122
(2) NAME 옵션 ... 123
(3) MARGINHEIGHT, MARGINWIDTH 옵션 ... 123
(4) FRAMEBORDER 옵션 ... 124
(5) SCROLLING 옵션 ... 124
(6) NORESIZE 옵션 ... 125
8.2 프레임 꾸미기 ... 126
8.3 문서를 지정된 프레임으로 링크하기 ... 129
8.4 〈IFRAME〉...〈／IFRAME〉 ... 138
9 이미지 맵(Image Map) 사용하기 ... 140
[1] 〈IMG〉태그의 USEMAP 옵션 ... 140
[2] 〈MAP〉...〈／MAP〉태그 ... 141
[3] 〈AREA〉태그 ... 141
(1) SHAPE 옵션 ... 141
(2) COORDS 옵션 ... 142
(3) HREF 옵션 ... 142
(4) ALT 옵션 ... 143
(5) NOHREF 옵션 ... 143
10 스타일 꾸미기 ... 145
[1] 〈STYLE〉...〈／STYLE〉태그 ... 145
[2] 사용자 정의 STYLE ... 147
[3] HTML 태그에서 STYLE 정의 ... 147
11 입력 폼 태그 사용하기 ... 149
11.1 〈FORM〉...〈／FORM〉 ... 149
11.2 〈INPUT〉태그 ... 150
[1] TEXT 형식 ... 150
[2] PASSWORD 형식 ... 151
[3] SUBMIT 형식 ... 152
[4] RESET 형식 ... 153
[5] RADIO 형식 ... 154
[6] CHECKBOX 형식 ... 156
[7] HIDDEN 형식 ... 157
[8] BUTTON 형식 ... 158
[9] IMAGE 형식 ... 158
11.3 〈SELECT〉...〈／SELECT〉태그 ... 159
11.4 〈OPTION〉태그 ... 160
11.5 〈TEXTAREA〉...〈／TEXTAREA〉태그 ... 161
제2부 자바스크립트 익히기
12 자바스크립트 개요 파악하기 ... 165
12.1 JavaScript란? ... 165
12.2 JavaScript와 HTML ... 166
13 자바스크립트 기본 구조 익히기 ... 170
13.1 JavaScript 언어의 기본 특성 ... 170
13.2 변수(Variable) ... 170
13.3 자료형 ... 172
13.4 연산자 ... 173
[1] 배정(assignment) 연산자 (＝) ... 173
[2] 수식과 관련된 연산자 ... 174
(1) 덧셈(+), 뺄셈(-), 곱셈(*), 나눗셈(／), 나머지(%) 연산자 ... 174
(2) 증가(++) 및 감소(--) 연산자 ... 176
(3) 우선 순위 ... 177
[3] 문자열과 관련한 연산자 ... 179
[4] 관계 연산자 ... 180
[5] 논리 연산자 ... 182
13.5 제어문 ... 183
[1] 조건문 ... 183
(1) if 문 ... 183
(2) switch 문 ... 188
[2] 반복문 ... 193
(1) while 문 ... 193
(2) do-while 문 ... 196
(3) for 문 ... 197
(4) break 문／continue 문 ... 198
[3] 주석문(Comment) ... 200
13.6 함수(Function) ... 201
[1] 내장 함수 ... 201
(1) alert() 함수 ... 201
(2) confirm() 함수 ... 202
(3) prompt() 함수 ... 203
(4) isNAN() 함수 ... 205
(5) eval() 함수 ... 206
(6) parselnt()／parseFloat() 함수 ... 207
(7) escape()／unescape() 함수 ... 209
(8) setTimeout() 함수 ... 210
(9) setInterval() 함수 ... 211
(10) clearTimeout() 함수 ... 212
[2] 사용자 정의 함수 ... 214
(1) 간단한 함수 ... 214
(2) 함수에 인수 전달하기 ... 217
(3) 반환 값이 있는 경우 ... 221
(4) 재귀 함수 호출(Recursive Function Call) ... 224
13.7 변수의 사용 범위(Scope) ... 228
14 기본적인 자바스크립트 내장 객체 활용하기 ... 232
14.1 객체(Object)란? ... 232
14.2 Date 객체 ... 233
14.3 String 객체 ... 237
[1] 문자열의 글자 크기와 관련된 메서드 ... 240
(1) big() ... 240
(2) small() ... 240
(3) fontsize() ... 240
[2] 문자열의 글자 모양과 관련한 메서드 ... 241
(1) bold() 메서드 ... 241
(2) fixed() 메서드 ... 242
(3) fontcolor() 메서드 ... 242
(4) italics() 메서드 ... 242
(5) strike() 메서드 ... 242
(6) sub() 메서드 ... 243
(7) sup() 메서드 ... 243
[3] 문자열을 조작하기 위한 메서드 ... 245
(1) charAt() ... 245
(2) indexOf() 메서드 ... 245
(3) lastIndexOf() 메서드 ... 245
(4) match() 메서드 ... 246
(5) search() 메서드 ... 246
(6) concat() 메서드 ... 247
(7) replace() 메서드 ... 248
(8) slice() 메서드 ... 248
(9) split() 메서드 ... 249
(10) substr() 메서드 ... 249
(11) substring() 메서드 ... 250
(12) toLowerCase(), toUpperCase() 메서드 ... 250
[4] 문자열의 하이퍼링크와 관련한 메서드 ... 252
(1) link() 메서드 ... 252
(2) anchor() 메서드 ... 252
14.4 Math 객체 ... 254
(1) sin(), cos(), tan(), asin(), acos(), atan() 메서드 ... 256
(2) exp() 메서드 ... 258
(3) log() 메서드 ... 258
(4) pow() 메서드 ... 258
(5) sqrt() 메서드 ... 258
(6) abs() 메서드 ... 259
(7) ceil() 메서드 ... 260
(8) floor() 메서드 ... 260
(9) round() 메서드 ... 260
(10) max() 메서드 ... 261
(11) min() 메서드 ... 262
(12) random() 메서드 ... 262
14.5 Array(배열) 객체 ... 263
(1) concat() 메서드 ... 269
(2) join() 메서드 ... 270
(3) reverse() 메서드 ... 271
(4) slice() 메서드 ... 272
(5) sort() 메서드 ... 273
(6) toString() 메서드 ... 273
14.6 Number 객체 ... 276
14.7 screen 객체 ... 277
14.8 navigator 객체 ... 278
15 동적인 홈페이지를 위한 내장 객체 활용하기 ... 280
15.1 location 객체 ... 280
[1] location 객체의 속성 ... 280
[2] location 객체의 메서드 ... 283
15.2 history 객체 ... 285
[1] history 객체의 속성 ... 285
[2] history 객체의 메서드 ... 286
15.3 document 객체 ... 288
[1] document 객체의 속성 및 메서드 ... 288
[2] location 속성 객체 ... 292
[3] images 속성 객체 ... 294
(1) images 속성 객체의 하위 속성들 ... 294
(2) images 속성 객체의 이벤트 ... 298
[4] links 속성 객체 ... 302
[5] forms 속성 객체 ... 305
(1) forms 속성 객체의 속성 ... 305
(2) forms 속성 객체의 메서드 ... 309
(3) forms 속성 객체의 이벤트 ... 309
(4) forms 속성 객체의 하위 객체들 ... 313
[6] TEXT 객체 ... 313
(1) TEXT 객체의 속성 ... 313
(2) TEXT 객체의 메서드 ... 318
(3) TEXT 객체의 이벤트 ... 321
[7] Password 객체 ... 324
[8] Button 객체 ... 324
(1) Button 객체의 속성 ... 325
(2) Button 객체의 메서드 ... 326
(3) Button 객체의 이벤트 ... 327
[9] Reset 객체 ... 328
(1) Reset 객체의 속성 ... 329
(2) Reset 객체의 메서드 ... 330
(3) Reset 객체의 이벤트 ... 330
[10] Submit 객체 ... 331
(1) Submit 객체의 속성 ... 331
(2) Submit 객체의 메서드 ... 332
(3) Submit 객체의 이벤트 ... 332
[11] TextArea 객체 ... 333
(1) TextArea 객체의 속성 ... 333
(2) TextArea 객체의 메서드 ... 335
(3) TextArea 객체의 이벤트 ... 335
[13] CheckBox 객체 ... 342
(1) CheckBox 객체의 속성 ... 343
(2) CheckBox 객체의 메서드 ... 344
(3) CheckBox 객체의 이벤트 ... 344
[14] Select 객체 및 Option 객체 ... 347
(1) Select 객체의 속성 ... 347
(2) Option 객체의 속성 ... 348
(3) Select 객체의 메서드 ... 350
(4) Select 객체의 이벤트 ... 350
[15] Hidden 객체 ... 354
(1) Hidden 객체의 속성 ... 354
[16] File 객체 ... 355
(1) File 객체의 속성 ... 355
(2) File 객체의 메서드 ... 357
(3) File 객체의 이벤트 ... 357
[17] 그 밖의 document 객체의 하위 속성 객체 ... 358
15.4 window 객체 ... 359
[1] window 객체의 속성 ... 359
(1) defaultStatus, status 속성 ... 360
(2) opener 속성 ... 362
(3) self, parent, top, frames 속성 ... 364
[2] window 객체의 메서드 ... 365
[3] window 객체의 이벤트 ... 371
15.5 Frame 객체 ... 375
[1] Frame 객체의 속성, 메서드 및 이벤트 ... 379
15.6 그 밖의 객체들 ... 381
[1] cookie 객체 ... 381
(1) cookie 생성 및 자료 가져오기 ... 382
[2] Style 객체 ... 387
(1) Style 객체의 속성 및 이벤트 ... 389
제3부 다양한 자바스크립트 프로그램 짜기
16 메인 화면 구성하기 ... 395
16.1 별이 내리는 화면 ... 395
16.2 메인 화면 구성하기 ... 406
[1] 프레임 나누기 ... 406
[2] 풀다운 메뉴 구성하기 ... 407
(1) TOP 영역의 메뉴 ... 407
(2) MENU 영역의 메뉴 ... 415
16.3 문자열 스크롤 및 시간 표시 ... 419
17 회원 등록 화면 만들기 ... 422
(1) ID ... 427
(2) 암호 및 암호 확인 ... 428
(3) 주민등록 번호 ... 428
(4) 전화번호 ... 429
(5) 직업 ... 429
(6) 취미 ... 429
(7) 결혼 ... 431
(8) 취소 버튼 ... 431
(9) 등록 버튼 ... 432
18 그림의 위치 이동하기 ... 436
19 문서 이동하기 ... 440
20 계산기 만들기 ... 443
21 숫자 퍼즐 게임 만들기 ... 450
부록Ⅰ. 색상 코드 및 영문 표기 ... 457
부록Ⅱ. 특수 문자 표기 ... 459
부록Ⅲ. CSS 속성 및 값 ... 463
1. 배경(background)와 관련된 CSS ... 463
2. 글자(text)와 관련된 CSS ... 464
3. 글꼴(font)과 관련된 CSS ... 465
4. 경계선(border)과 관련된 CSS ... 466
5. 여백(margin)과 관련한 CSS ... 468
6. 경계선과 글자 사이의 간격(padding)과 관련한 CSS ... 469
7. 목록(list)과 관련한 CSS ... 470
8. 영역(dimension)과 관련한 CSS ... 471
9. 식별(classification)과 관련한 CSS ... 471
10. 위치(position)과 관련한 CSS ... 472
부록Ⅳ. 내장 객체의 속성 및 메서드 ... 474
1. date 객체 ... 474
2. String 객체 ... 475
3. Math 객체 ... 476
4. Array 객체 ... 477
5. Number 객체 ... 477
6. screen 객체 ... 477
7. navigator 객체 ... 478
8. location 객체 ... 478
9. history 객체 ... 478
10. document 객체 ... 479
11. window 객체 ... 492
부록Ⅴ. MIME 타입 ... 495
더보기 닫기
Export to Refworks
캠퍼스간대출
소재불명도서
자료배달서비스
인쇄
