HTML 4.0 HTML 4.0의 기본 구성 머리 HEAD 설명 TITLE 설명 TITLE 속성 META 설명 본문 BODY 설명 Id, Class 속성 Block-level and inline 설명 Headings ADDRESS 설명 글자 EM, STRONG, DFN, CODE, SAMP, KBD, VAR, CITE, ABBR, ACRONYM BLOCKQUOTE SUB, SUP P BR PRE INS, DEL 목록 UL, OL, LI DL, DT, DD 표 Table TR TH, TD CAPTION THEAD, TFOOT, TBODY COLGROUP, COL 링크 A LINK BASE 개체, 그림, 애플릿 개요 IMG OBJECT Image maps: MAP, AREA 글자모양, 가로선 TT, I, B, BIG, Small, STRIKE, S, U HR 프레임 FRAMESET, FRAME NOFRAMES IFRAME 양식 Controls FORM INPUT BUTTON SELECT, OPTGROUP, OPTION TEXTAREA FIELDSET, LEGEND FORM submission 사용하지 않을 것을 권하는 설명와 속성들 상대경로와 절대경로 Intrinsic events Java _ Clock(자바 시계) Java _ Calendar(자바 달력) 마우스 이벤트(오른쪽 버튼) 점선 날리기

CSS(Cascading Style Sheet) CSS(Cascading Style Sheet) 개요 스타일 시트 삽입하기 Selectors type selectors Selector 묶어서 사용하기 Class, ID attribute selectors Contextual selectors Parent-child selectors Sequential selectors Pseudo-설명 and pseudo-classes Link의 순위에 관하여 Cascading Cascading order Box Model Box dimensions Margin 속성 Padding 속성 Border 속성 Visual Rendering Model Box의 위치 결정: position, direction 속성 Normal flow 떠 다니는 box: float, clear 속성 Absolute positioning: top, right, bottom, left 속성 Normal, relative, floating, absolute positioning 비교 설명 겹쳐 쌓기: z-index 속성 단 나누기: columns, column-gap, column-rule-width, column-rule-style, column-rule-color, column-rule 속성 Visual Rendering Model Details Box의 폭: width 속성 Box의 높이: height 속성 줄 간격과 수직 정렬: line-height, vertical-align 속성 Box의 확장: overflow 속성 Box 잘라내기: clip 속성 Box 보이기와 감추기: visibility 속성 Colors and Backgrounds 전경색: color 속성 배경: background-color, background-image, background-repeat, background-attachment, background-position, background 속성 Fonts 글꼴: font-family, font-style, font-variant, font-weight, font-size, font 속성 Text 들여쓰기: text-indent 속성 정렬: Text-align 속성 장식: text-decoration, text-shadow 속성 장평, 자간: letter-spacing, word-spacing 속성 대소문자: text-transFORM 속성 빈칸: white-space 속성 Lists 목록: list-style-type, list-style-position, list-style-image, list-style 속성 Tables Table-Border 속성 행과 열: row-span, column-span 속성 셀 데이터의 정렬: vertical-align, alignment 속성 Cursor & Mouse 속성 Cursor 연습 문제 학습 링크 포커스 예제 1 포커스 예제 2 팝업창 만들기 IFRAME 배경을 투명하게

Border 예제: