colspan 예제

이전 장의 예제를 사용하고 첫 번째 행에 3개가 아닌 두 개의 셀만 있고 행 3과 4의 두 번째 셀을 추가로 병합하도록 하겠습니다. Colspan(열 범위)은 왼쪽에서 오른쪽으로 셀을 가로로 병합했습니다. Colspan의 기본값은 1입니다. 테이블 셀은 두 개 이상의 열 또는 행에 걸쳐 있을 수 있습니다. COLSPAN(“가로 수”) 및 ROWSPAN(“다운 횟수”)의 특성은 셀이 차지해야 하는 열 또는 행 수를 나타냅니다. 예를 들어 이름과 전화 번호 표에 각 부서에 대한 헤더 셀을 만들 수 있습니다. 이 테이블에서 첫 번째 및 다섯 번째 행의 헤더 셀은 두 개의 열에 걸쳐 각 이름 그룹에 대한 부서를 나타냅니다. rowspan 특성은 분명히 열이 아닌 행에 걸쳐 있는 것을 제외하고는 colspan과 유사합니다. 다시 말하지만, 스팬하는 셀을 제거해야 합니다. 이 예제에서는 네 번째 행에 걸쳐 있기 때문에 해당 행에는 두 개의 셀만 있습니다. colspan 및 rowspan 특성은 일부 td 태그에도 사용되었습니다.

브라우저에서 이 코드를 보면 두 번째 행에 두 번째 열이 아닌 두 번째 셀이 두 번째 열과 세 번째 열에 걸쳐 있는 것을 볼 수 있습니다. “열 범위”를 의미하는 colspan 특성은 지정된 셀 수에 걸쳐 셀에 걸쳐 있습니다. 즉, 이 예제에서는 세 번째 td 요소에 대한 필요가 없습니다- 두 셀이 하나로 병합됩니다. 더 간단한 3×4, 12셀 테이블과 마찬가지로 병합된 셀이 있는 이 테이블의 숫자도 합산되어야 합니다. 이 예제에는 10개의 셀만 있지만 2개의 범위가 있습니다. 위의 이미지는 두 개의 테이블을 보여 주며 있습니다. 첫 번째 HTML 테이블에는 각 행에 2개의 행과 2개의 열이 있습니다. 두 번째 HTML 테이블에는 첫 번째 행에 2개의 행과 1개의 열이 있고 두 번째 행에는 2개의 열이 있습니다. 두 번째 표에서는 Colspan 특성을 사용하여 처음 두 셀을 가로로 병합합니다. 아래두 번째 테이블 HTML 코드를 볼 수 있습니다.

과거에는

요소를 사용하여 웹 페이지의 지불금을 정렬하는 것이 일반적이었습니다. colspan= 및 rowspan= 특성은 다양한 구성의 테이블 셀을 만드는 데 자주 사용되었습니다. 글쎄, 그것은 더 까다롭습니다. 행 스팬 및 colspan 속성에 대한 모든 감사. 그 놈들. 종종 작은 색상이 헤더를 설정하는 데 도움이되는 여러 열 셀에서 발생하여 테이블에 시각적으로 정리된 모양을 제공합니다.

This entry was posted in Uncategorized. Bookmark the permalink.