html 테이블 예제

추가 정보: 테이블 배경, 테이블 배경 색상. 테이블 헤더는 또한 범위 특성(다음 문서에서 알아보는 것)과 함께 각 헤더를 동일한 행이나 열의 모든 데이터와 연결하여 테이블에 더 쉽게 액세스할 수 있도록 하는 추가 이점이 있습니다. 그런 다음 스크린 리더는 한 번에 전체 행 또는 데이터 열을 읽을 수 있습니다. 헤더, 몸, 발 – 테이블은 세 부분으로 나눌 수 있습니다. 머리와 발은 모든 페이지에 대해 동일하게 유지되는 단어 처리 된 문서의 헤더 및 바닥글과 다소 유사하며 본문은 테이블의 주요 콘텐츠 소유자입니다. 테이블 셀에는 헤더 정보와 데이터의 두 가지 유형의 정보가 포함될 수 있습니다. 이러한 구분을 통해 사용자 에이전트는 스타일 시트가 없는 경우에도 헤더 와 데이터 셀을 뚜렷하게 렌더링할 수 있습니다. 예를 들어 시각적 사용자 에이전트는 굵은 글꼴로 헤더 셀 텍스트를 표시할 수 있습니다. 음성 신디사이저는 고유한 음성 변곡으로 헤더 정보를 렌더링할 수 있습니다. 스타일 테이블 필터 테이블 정렬 테이블 응답 테이블 Zebra 스트라이프 테이블은 비시각적 미디어로 렌더링할 때 문제가 발생할 수 있으므로 문서 내용을 레이아웃하는 수단으로만 사용해서는 안 됩니다. 또한 그래픽과 함께 사용하면 사용자가 가로로 스크롤하여 더 큰 디스플레이가 있는 시스템에서 디자인된 테이블을 볼 수 있습니다. 이러한 문제를 최소화하려면 작성자는 스타일 시트를 사용하여 테이블대신 레이아웃을 제어해야 합니다.

추가 정보: HTML 테이블, 테이블 테두리, 표 색상. 예제를 통해 어떻게 착수하는지 확인하세요. 당신이 붙어 있어, 또는 작업을 확인 하려는 경우, 시간표 고정.html로 GitHub에 우리의 버전을 찾을 수 있습니다 (그것은 또한 라이브 참조). 참고: 테이블 제목에는 기본 스타일이 함께 제공되며, 테이블에 고유한 스타일을 추가하지 않더라도 굵게 배치되어 돋보입니다. 즉, HTML 테이블의 기본을 마무리합니다. 다음 기사에서는 약간 더 진보 된 테이블 기능을 살펴보고 시각 장애인이 얼마나 접근 할 수 있는지 생각하기 시작합니다.