테이블 헤더 그룹이란 무엇입니까?
CSS에서 ' 테이블 머리글 그룹 '는 '를 통해 테이블의 헤더를 표시하는 데 사용됩니다. <머리> ” 태그. 헤더는 세로 열의 첫 번째 항목에 해당합니다. 테이블 항목에 대한 정보를 지정합니다. 헤더는 필요한 경우 여러 열에 걸쳐 있을 수도 있습니다. 이는 CSS에서 테이블-열 그룹을 생성하여 수행할 수 있습니다.
예
테이블의 머리글은 테이블의 나머지 항목과 다른 서식을 사용하여 시각적으로 구분합니다. 이들은 일반적으로 굵은 글꼴 크기 또는 상위 스케일 텍스트로 표시됩니다. '남성' 및 '여성'의 이름을 나열할 때 아래 예와 같이 별도의 행에 머리글로 할당할 수 있습니다.
< 테이블 >
< 머리 >
< 트 >
< 일 > 남자들 < / 일 >
< 일 > 여성 < / 일 >
< / 트 >
< / 머리 >
< 티바디 >
< 트 >
< td > 제임스 < / td >
< td > 제시카 < / td >
< / 트 >
< 트 >
< td > 다윗 < / td >
< td > 로라 < / td >
< / 트 >
< 트 >
< td > 야곱 < / td >
< td > 레베카 < / td >
< / 트 >
< / 티바디 >
< / 테이블 >
다음 단계에서는 테이블 머리글을 만드는 방법을 설명합니다.
- 추가 ' <테이블> ” 태그를 사용하여 테이블을 생성합니다.
- 다음 단계에서 ' <머리> ” 테이블 헤더를 참조하는 태그.
- '
' 태그를 통해 헤더 값을 행으로 추가하고 '' 태그를 통해 헤더를 닫습니다. - 이제 ' <티바디> ” 태그를 사용하여 테이블 본문을 시작합니다.
- '
' 태그를 사용하여 각 행에 대한 데이터를 삽입합니다. - '를 통해 표 본문과 표를 마무리합니다. ' 그리고 ' ” 태그를 각각 추가합니다.
산출
테이블 바닥글 그룹이란 무엇입니까?
“ 테이블 바닥글 그룹 ”는 CSS에서 표의 바닥글을 표시하는 데 사용됩니다. <티풋> ” 태그. 또한 바닥글은 독자가 데이터를 보다 명확하게 이해하는 데 도움이 되는 테이블 콘텐츠에 대한 정보를 제공합니다. 이전 부분의 동일한 예를 활용하여 테이블의 '남성' 및 '여성'에 대한 각 열의 총 항목 수를 제공하는 바닥글을 추가합니다.
예
< 테이블 >
논의된 개념을 설명하는 다음 예의 개요:
< 머리 >
< 트 >
< 일 >남성< / 일 >
< 일 >여성< / 일 >
< / 트 >
< / 머리 >
< 티바디 >
< 트 >
< td >제임스< / td >
< td >제시카< / td >
< / 트 >
< 트 >
< td >데이빗< / td >
< td >로라< / td >
< / 트 >
< 트 >
< td >야곱< / td >
< td >레베카< / td >
< / 트 >
< / 티바디 >
< 풋풋 >
< 트 >
< td 수업 = 'bg-회색-200' >총 03< / td >
< td 수업 = 'bg-회색-200' >총 03< / td >
< / 트 >
< / 풋풋 >
< / 테이블 >다음 단계에서는 표 바닥글을 만드는 단계를 설명합니다.
- 이전 예와 유사하게 ' <테이블> ” 태그를 사용하여 테이블을 생성/포함합니다.
- '를 포함 <머리> ” 태그를 사용하여 테이블 헤더를 지정합니다.
- 이제 유사하게 헤더 제목을 행으로 추가하고 ' ” 태그.
- 테이블 본문을 지정하고 그 안에 데이터를 포함하기 위해 논의된 접근 방식을 상기하십시오.
- 이제 ' <티풋> ” 태그를 사용하여 테이블 바닥글을 시작합니다.
- 테이블 바닥글에 대한 데이터를 행으로 추가하고 ' ” 태그.
- 마지막으로 '를 사용하여 표를 마무리합니다. ” 태그.
산출
위에서 작성한 코드는 다음과 같은 결과를 생성합니다.
결론
CSS에서 테이블의 머리글과 바닥글은 각각 테이블의 상단과 하단에 더 많은 정보를 추가하는 데 도움이 됩니다. 이 정보는 테이블의 내용을 파악하는 데 도움이 되며 테이블에 삽입된 값에 포함된 자세한 정보를 제공합니다. 이 두 가지는 함께 테이블 내에 캡슐화된 데이터를 완벽하게 프레이밍합니다.