====== HTML 교육 ====== 자원봉사로 시작한 HTML 에 대한 교육 자료 및 계획을 정리했다. 교육자료는 http://www.homejjang.com/ 라는 곳에서 발췌했다. 매주 일정 분량의 내용을 텍스트파일(.txt)로 만들어 메일(congmi@hanmail.net)로 전송한다. ====== 교육 자료 ====== - 전체적인 홈페이지에 대한 설명 - {{ :computer:programming:1.doc |}} - 기본적인 태그 설명 - {{ :computer:programming:2.doc |}} - 기본적인 태그 설명(2) - {{ :computer:programming:3.zip |}} - 기본적인 태그 설명(3) - {{ :computer:programming:4.zip |}} - 고급 태그 설명 - {{ :computer:programming:5.zip |}} - 고급 태그 설명(2) - {{ :computer:programming:6.zip |}} - 고급 태그 설명(3) - {{ :computer:programming:7.zip |}} ====== 보충자료 ====== ===== TH 태그는 무엇인가요? ===== TH 는 테이블 헤더 태그(Table Header)라고 불리며, 테이블에서 헤더 셀 또는 테이블 헤더를 지정하는 데 사용됩니다. - 헤더 셀 - 테이블의 헤더 (굵은 텍스트로 기본적으로 가운데 정렬됩니다.) - 표준 셀 - 테이블의 데이터 (일반 텍스트로 기본적으로 왼쪽 정렬됩니다.) ==== TH 태그 사용예 ==== html th 태그 예제샘플

th 태그의 예제샘플입니다

Cups of coffee consumed by each senator
Name Cups Type of Coffee Sugar?
AAAAA 10 BBBBBB No
XXXXXX 5 PPPPPPP Yes
===== scope 태그는 무엇인가요? ===== HTML 태그의 scope 속성으로서, 테이블의 헤더 셀의 범위를 지정하는 데, 사용됩니다. 기본 구문은 다음과 같습니다. ==== scope 태그 사용예 ====
cups of coffee consumed by each senator
name cups type of coffee sugar?
aaaaa 10 bbbbbb no
xxxxxx 5 ppppppp yes
=== 추가 설명 ===
/봄여름
서울 1 2
뉴욕 3 4
위와같이 표(table)를 구성할때 각 행과 각 열에 제목을 넣을 경우 header 제목용 셀 th 태그를 적용하면 글자가 bold 체로 굵게 표시되고 가운데로 정렬을 하게 됩니다. scope 태그는 th 태그의 속성으로 해당 열과 행의 각 셀(td)의 제목이라는 정보를 소스상에서 제공을 하면서 col 은 해당 열의 제목을 row 는 해당 행의 제목이라는 정보를 제공하는 것으로 페이지상에는 표시되지 않습니다. ===== HTML 코드 분석 =====
문숙의 자녀
  이름 나이 생일
친자 철수 5 4월 5일
미라 8 1월 14일
양자 희진 12 11월 12일
| caption | table 태그 안에 선언이 되었음에도, 표 바로위에 가운데 정렬이 되면서 출력한다 | | th id | 요소를 식별하기 위해 부여한다 | | td headers | 테이블 헤더 셀에 대한 식별자의 공백으로 구분 된 목록을 지정하는 것이다 | ---- {{indexmenu>:#1|skipns=/^(wiki|etc|diary|playground)$/ skipfile=/^(todays|about|guestbook)$/ nsort rsort}} ----