- HTML 4 규격에 대하여
- 이 규격이 어떻게 구성되었나 ?
- 문서 conventions
- 엘레멘트들과 애트리뷰트들
- 주석과 예제들
- 문서 구성 인사
- 현재의 버전의 문서 구성 인사
- 저작권 경고
- HTML 4의 소개
- 월드 와이드 웹(World Wide Web)이란 ?
- URI들의 소개
- 부위(fragment) 인식자(identifier)들
- 상대 URI들
- HTML이란 ?
- HTML의 대략적 역사
- HTML 4
- 국제화
- 접속성
- 테이블(table)들
- 복합 문서들
- 스타일쉬트(style sheet)들
- 스크립팅(scripting)
- 인쇄
- HTML 4로 문서들 작성
- 구조와 표현의 분리
- 웹(Web)에 공통적(universal) 접속성을 고려
- 점진적 읽어 표현함으로 사용도구들을 도움
- SGML과 HTML에 대하여
- SGML의 소개
- HTML에서 사용되는 SGML의 구성
- 엘레멘트들
- 애트리뷰트들
- 글자 참조들
- 코멘트들
- HTML DTD 읽는 방법
- DTD 코멘트들
- 파라메터(parameter) 엔티티(entity) 정의들
- 엘레멘트 선언들
- 애트리뷰트 선언들
- 규격부합성: 필요 조건들과 권장 내용
- 정의들
- SGML
- 컨텐트 타입(content type) text/html
- HTML 문서 표현기준- 글자 세트(set), 글자 엔코딩(encoding), 엔티티(entity)들
- 문서 글자 세트
- 글자 엔코딩(encoding)들
- 엔코딩의 선택
- 글자 엔코딩의 지정
- 글자 참조들
- 수치 글자 참조들
- 글자 엔티티(entity) 참조들
- 디스플레이 할 수 없는 글자들
- 기본 HTML 데이터 타입- 글자 데이터, 색상, 길이, URI들, 컨텐트 타입(content type) 등
- 대소문자 정보
- SGML 기본 타입들
- 텍스트 스트링(string)들
- URI들
- 색상들
- 색상들 사용에 따른 주석
- 길이들
- 컨텐트 타입(content type)들 (MIME types)
- 언어 코드들
- 글자 엔코딩(encoding)들
- 단일 글자들
- 일자(date)와 시간(time)들
- 연결(link) 타입들
- 메디아 설명자(descriptor)들
- 스크립트 데이터(script data)
- 스타일쉬트 데이터(style sheet data)
- 프레임(frame) 목표 이름(target name)들
- HTML 문서의 공통구조- 문서의 HEAD 와 BODY
- HTML 문서 구조의 소개
- HTML 버전 정보
- HTML 엘레멘트
- 문서 헤드(head)
- HEAD 엘레멘트
- TITLE 엘레멘트
- title 애트리뷰트
- 메타 데이터(meta data)
- 문서 본체
- BODY 엘레멘트
- 엘레멘트 인식자(identifier)들: id, class 애트리뷰트들
- 블럭레벨(block-level)과 인라인(inline) 엘레멘트들
- 구룹지워 주는 엘레멘트들: DIV, SPAN 엘레멘트들
- 머릿글(heading)들: H1, H2, H3, H4, H5, H6 엘레멘트들
- ADDRESS 엘레멘트
- 언어정보와 텍스트 방향- 텍스트의 국제 고려
- 내용(content)의 언어 지정: lang 애트리뷰트
- 언어 코드들
- 언어 코드들의 전달
- 언어 코드들의 해석
- 텍스트와 테이블들의 방향 지정: dir 애트리뷰트
- 양방향성 알고리즘(algorithm)의 소개
- 텍스트 방향 정보의 전달
- 깔린(embedded) 텍스트의 방향 설정
- 양방향성 알고리즘(algorithm)의 덮어 씌움(overriding): BDO 엘레멘트
- 방향성과 조합 제어를 위한 글자 참조들
- 스타일쉬트(style sheet)들의 양방향성에 대한 효과
- 텍스트(Text)- 문단, 라인(line)과 문구(phrase)들
- 공백
- 구조화된 텍스트
- 문구(phrase) 엘레멘트들:EM, STRONG, DFN, CODE, SAMP, KBD, VAR, CITE, ABBR, ACRONYM
- 따옴들: BLOCKQUOTE, Q 엘레멘트들
- 아래첨자(subscript)와 위첨자(superscript)들: SUB, SUP 엘레멘트들
- 라인(line)들과 문단들
- 문단들: P 엘레멘트
- 줄바꿈들의 제어
- 하이픈(-) 넣기
- 사전 양식화된 텍스트: PRE 엘레멘트
- 문단들의 보이는 표현
- 문서의 수정들: INS, DEL 엘레멘트들
- 목록(List)들- 번호 없는(Unordered), 번호 있는(Ordered), 그리고 정의 목록(list)들
- 목록(list)들의 소개
- 번호 없는 목록(unordered list)들 (UL),번호있는 목록(ordered list)들 (OL), 목록 항목(list item)들 (LI)
- 정의 목록(definition list)들: DL, DT, DD 엘레멘트들
- 목록(list)들의 시각적(visual) 읽어 표현함
- DIR, MENU 엘레멘트들
- 테이블(table)들
- 테이블(table)들의 소개
- 테이블(table)들을 구성하는 엘레멘트들
- TABLE 엘레멘트
- 테이블 제목(table caption)들: CAPTION 엘레멘트
- 로우 구룹(row group)들: THEAD, TFOOT, TBODY 엘레멘트들
- 컬럼 구룹(column group)들: COLGROUP, COL 엘레멘트들
- 테이블 로우(table row)들: TR 엘레멘트
- 테이블 셀(table cell)들: TH, TD 엘레멘트들
- 시각적(visual) 사용도구들에 의한 테이블(table) 양식화
- 보더(border)와 줄(rule)들
- 수평과 수직 정렬
- 셀(cell) 마진(margin)들
- 비시각적(visual) 사용도구들에 의한 테이블(table) 읽어 표현함
- 헤더(header) 정보의 데이터 셀(data cell)들과 연관
- 셀(cell)들의 카테고리화
- 헤딩(heading) 정보를 찾는 알고리즘(Algorithm)
- 테이블 예제
- 연결(Link)들- 하이퍼텍스트(Hypertext)와 메디아에 관계없는 연결(link)들
- 연결(link)과 앤커(anchor)들의 소개
- 연결된 자원의 방문
- 다른 연결(link) 관계들
- 앤커(anchor)와 연결(link)들의 지정
- 연결 제목(link title)들
- 국제화와 연결(link)들
- A 엘레멘트
- 앤커 이름(anchor name)들의 문법
- 네스트된 연결(nested link)들은 틀린 것임
- id 애트리뷰트를 갖는 앤커(anchor)들
- 없는 자원과 인식 할 수 없는 자원들
- 문서 관계들: LINK 엘레멘트
- 앞으로(forward)와 뒤로(reverse) 연결(link)들
- 연결(link)과 외부 스타일쉬트(style sheet)들
- 연결(link)과 검색엔진들
- 경로(path) 정보: BASE 엘레멘트
- 상대 URI들의 해석
- 오브젝트(object), 이미지, 애플렛(applet)들
- 오브젝트(object), 이미지, 애플렛(applet)들의 소개
- 이미지의 포함: IMG 엘레멘트
- 일반적인 포함: OBJECT 엘레멘트
- 오브젝트(object)들 읽어 표현함의 규칙들
- 오브젝트(object) 최초화: PARAM 엘레멘트
- 오브젝트(object)들의 공통(Global) 이름주기 기능
- 오브젝트(object) 선언들과 즉시화(instantiation)
- 애플렛(applet)의 포함: APPLET 엘레멘트
- 깔린(embedded) 문서들에 대한 주석들
- 이미지맵(map)들
- 사용자측(client-side) 이미지맵(map)들: MAP, AREA 엘레멘트들
- 서버측 이미지맵(map)들
- 이미지, 오브젝트(object), 애플렛(applet)들의 시각적(visual) 표?
- 너비와 높이
- 이미지와 오브젝트(object)들 주위의 공백
- 보더(Border)들
- 정렬
- 대체 텍스트 지정 방법
- 스타일쉬트(style sheet)들- HTML에 스타일(style) 추가 문서들
- 스타일쉬트(style sheet)들의 소개
- HTML에 스타일(style) 추가
- 디폴트 스타일쉬트(style sheet) 언어의 설정
- 인라인 스타일(inline style) 정보
- 헤더 스타일(header style) 정보: STYLE 엘레멘트
- 메디아 타입(media type)들
- 외부 스타일쉬트(style sheet)들
- 선호와 대체 스타일쉬트(style sheet)들
- 외부 스타일쉬트(style sheet)들의 지정
- 카스케이딩 스타일쉬트(cascading style sheet)들
- 메디아(media)에 따른 카스케이드(cascade)들
- 전달 특성과 카스케이딩(cascading)
- 사용도구들에서 스타일 데이터 감춤
- HTTP 헤더(header)들로 스타일쉬트(style sheet)들의 연결
- 정렬, 폰트(font) 스타일(style)들과 수평 줄(rule)들
- 양식화
- 배경 색상
- 정렬
- 유동 오브젝트(floating object)들
- 폰트(font)들
- 폰트 스타일(font style) 엘레멘트들: TT, I, B, BIG, SMALL, STRIKE, S, U 엘레멘트들
- 폰트 변경자(font modifier) 엘레멘트들:FONT, BASEFONT
- 줄(Rule)들: HR 엘레멘트
- 프레임(Frame)들 - 문서들의 복수 창 표현
- 프레임(frame)들의 소개
- 프레임(frame)들의 배치
- FRAMESET 엘레멘트
- FRAME 엘레멘트
- 목표 프레임(frame) 정보의 지정
- 연결(link)들을 위한 디폴트 목표 지정
- 목표(target) 문법(semantics)
- 대체 컨텐트(content)
- NOFRAMES 엘레멘트
- 프레임(frame)들의 긴설명들
- 인라인(inline) 프레임(frame)들: IFRAME 엘레멘트
- 입력 폼(form)들- 사용자 입력 폼(form)들: 텍스트 필드(field), 단추(button), 메뉴(menu) 등
- 입력 폼(form)들의 소개
- 제어들
- 제어 타입(type)들
- FORM 엘레멘트
- INPUT 엘레멘트
- INPUT로 생성되는 제어 타입(type)들
- INPUT 제어들을 포함하는 입력 폼(form)들의 예제들
- BUTTON 엘레멘트
- SELECT, OPTGROUP, OPTION 엘레멘트들
- 미리 선택된 옵션(option)들
- TEXTAREA 엘레멘트
- ISINDEX 엘레멘트
- 라벨(label)들
- LABEL 엘레멘트
- 입력 폼(form)들에 구조 추가: FIELDSET, LEGEND 엘레멘트들
- 엘레멘트에 초점(focus)주기
- 탭에 의한 항해(tabbing navigation)
- 접속 키(access key)들
- 불활성화 된것과 읽기 전용 제어들
- 불활성화된 제어들
- 읽기 전용 제어들
- 입력 폼 송신(form submission)
- 입력 폼 송신 방법
- 성공적 제어들
- 입력 폼 데이터(form data)의 처리
- 입력 폼(form) 컨텐트 타입(content type)들
- 스크립트(script)들- 애니메이션 된 문서들과 스마트(Smart) 입력 폼(form)들
- 스크립트(script)들의 소개
- 스크립팅(scripting)을 지원하는 사용도구들을 위한 문서들의 디자인
- SCRIPT 엘레멘트
- 스크립팅(scripting) 언어의 지정
- 본질적 이벤트
- 문서들의 탄력적 수정
- 스크립팅(scripting)을 지원하지 않는 사용도구들을 위한 문서 디자인
- NOSCRIPT 엘레멘트
- 사용도구들에서 스크립트(script) 데이터 감춤
- HTML에서 SGML 정보 참조- HTML의 공식적인 정의와 유효성 검정
- 문서 유효성 검정
- SGML 카타로그 견본
- HTML 4의 SGML 선언
- SGML 선언
- 문서 타입 정의(DTD)
- 변이(transitional) 문서 타입 정의(DTD)
- 프레임세트(frameset) 문서 타입 정의(DTD)
- HTML 4에서 글자 엔티티(entity) 참조들
- 글자 엔티티(entity) 참조들의 소개
- ISO 8859-1 글자들의 글자 엔티티(entity) 참조
- 글자들의 목록(list)
- 기호(symbol), 수학(mathematical) 기호과 그리스어(Greek) 글자 참조
- 글자들의 목록(list)
- 작성(markup)용과 국제화 특수 글자 엔티티(entity) 참조들
- 글자들의 목록(list)
- 변경들
- 1998년 4월 24일 HTML 4.0 과 1999년 12월 24일 HTML 4.01 버전 사이의 변경들
- 이 규격의 변경
- 수정된 오류들
- 수정된 사소한 철자 오류들
- 설명들
- 알려진 부라우저 문제점들
- 1997년 12월 18일과 1998년 4월 24일 버전들 사이의 변경들
- 수정된 오류들
- 수정된 사소한 철자 오류들
- HTML 3.2 와 HTML 4.0 (1997년 12월 18일) 사이의 변경들
- 엘레멘트들에 대한 변경들
- 애트리뷰트들에 대한 변경들
- 접속성(accessibility)에 대한 변경들
- 메타데이터(meta data)에 대한 변경들
- 텍스트들에 대한 변경들
- 연결(link)들에 대한 변경들
- 테이블(table)들에 대한 변경들
- 이미지(이미지), 오브젝트(object), 이미지맵(map)들에 대한 변경들
- 입력폼(form)들에 대한 변경들
- 스타일쉬트(style sheet)들에 대한 변경들
- 프레임(framet)들에 대한 변경들
- 스크립팅(scripting)들에 대한 변경들
- 국제화 관련 변경들
- 성능, 적용과 디자인 주석들
- 유효하지 않은 문서들에 대한 주석들
- URI 애트리뷰트 값들에서의 특수 글자들
- URI 애트리뷰트 값들에서의 비ASCII 글자들
- URI 애트리뷰트 값들에서의 앰퍼샌드(&)
- SGML 적용 주석들
- 줄바꿈들
- 비 HTML 데이터의 지정
- 제한된 지원을 하는 SGML
- 불린(Boolean) 애트리뷰트들
- 표시된 항목들
- 처리 지시들
- 약식(shorthand) 마크업(markup)
- 검색엔진들이 웹 사이트 인덱스하는 것을 돕기 위한 주석들
- 검색(search) 로보트들
- 테이블(table)들에 대한 주석들
- 디자인 합리화
- 추천되는 배치 알고리즘(algorithm)들
- 입력 폼(form)들에 대한 주석들
- 점진적 디스플레이
- 향후 프로젝트들
- 스크립팅(scripting)에 대한 주석들
- 향후 스크립트(script) 마크로(macro)들을 위한 예약 문법
- 프레임(frame)들에 대한 주석들
- 접속성에 대한 주석들
- 보안에 대한 주석들
- 입력 폼(form)들에서 보안 문제들
[원문] : http://trio.co.kr/autocss2.html