관리 메뉴

IAress

웹표준과 접근성 3일차. 본문

카테고리 없음

웹표준과 접근성 3일차.

IAress 2012. 10. 12. 21:20
반응형

** 테이블 사용하기

1. 레이아웃 구성 요소

2. 각 행의 셀 개수는 동일

3. 같은 행에 있는 셀의 "높이"는 동일

   같은 열에 있는 행의 "길이"는 동일


** 테이블 관련 태그

1. table : 바깥 쪽  테두리

   - summary : 표에 대한 간략한 설명 작성

2. tr(Table Row) : 행(줄) 구분

3. td(Table Data cell) : 셀(칸) 생성, 실제 내용 작성

           - scope(col / row) : 제목 행, 제목 열 표시

           - id : 셀의 이름

           - headers : 제목 셀 추적

           - colspan : 열 병합

           - rowspan : 행 병합


4. th(Table Header) : 제목 셀, 글자  진하고 가운데 정렬

5. caption : 표 제목,  테이블 이외에도 사용 가능

6. thead / tfoot / tbody

   - thead  : 제목 행

   - tfoot : 데이터 결과

   - tbody : 내용이 들어 있는  행

   - 불필요한 요소는 생략 가능

   - 반드시  위 순서대로 작성








** 입력 양식(FORM) 사용하기

: 형태에 상관없이 사용자로부터 값을 받는 객체


* 모든 폼 객체에는 반드시 이름(name, id....) 작성


* 폼 관련 태그

1. form  : 양식 전체의 그룹화

2. input : 대부분의 양식 작성

    - type 속성으로 양식 구분

3. textarea : 여러 줄 글자 입력 상자

    - 종료 태그 있음

4. select : 콤보 상자

    - option 으로 항목 나열

    - 종료 태그 있음


5. fieldset

   - 일정한 기준으로 양식들을 부분 그룹화


6. legend

   - fieldset 의 제목


7. label

   - 텍스트와 필드의 그룹화

   - <label for="필드ID">텍스트</label>

   - accesskey : 단축키 Alt + 입력값

   - tabindex : 탭 순서, 번호 오름차순으로 이동

















반응형
Comments