colspan 예제 속시원내과 | 2019년 8월 2일

rowspan 특성은 분명히 열이 아닌 행에 걸쳐 있는 것을 제외하고는 colspan과 유사합니다. 다시 말하지만, 스팬하는 셀을 제거해야 합니다. 이 예제에서는 네 번째 행에 걸쳐 있기 때문에 해당 행에는 두 개의 셀만 있습니다. colspan 및 rowspan 특성은 일부 td 태그에도 사용되었습니다. 브라우저에서 이 코드를 보면 두 번째 행에 두 번째 열이 아닌 두 번째 셀이 두 번째 열과 세 번째 열에 걸쳐 있는 것을 볼 수 있습니다. “열 범위”를 의미하는 colspan 특성은 지정된 셀 수에 걸쳐 셀에 걸쳐 있습니다. 즉, 이 예제에서는 세 번째 td 요소에 대한 필요가 없습니다- 두 셀이 하나로 병합됩니다. 더 간단한 3×4, 12셀 테이블과 마찬가지로 병합된 셀이 있는 이 테이블의 숫자도 합산되어야 합니다. 이 예제에는 10개의 셀만 있지만 2개의 범위가 있습니다. 테이블 셀은 두 개 이상의 열 또는 행에 걸쳐 있을 수 있습니다. COLSPAN(“가로 수”) 및 ROWSPAN(“다운 횟수”)의 특성은 셀이 차지해야 하는 열 또는 행 수를 나타냅니다. 예를 들어 이름과 전화 번호 표에 각 부서에 대한 헤더 셀을 만들 수 있습니다. 이 테이블에서 첫 번째 및 다섯 번째 행의 헤더 셀은 두 개의 열에 걸쳐 각 이름 그룹에 대한 부서를 나타냅니다.

Colspan(열 범위)은 왼쪽에서 오른쪽으로 셀을 가로로 병합했습니다. Colspan의 기본값은 1입니다. 위의 이미지는 두 개의 테이블을 보여 주며 있습니다. 첫 번째 HTML 테이블에는 각 행에 2개의 행과 2개의 열이 있습니다. 두 번째 HTML 테이블에는 첫 번째 행에 2개의 행과 1개의 열이 있고 두 번째 행에는 2개의 열이 있습니다. 두 번째 표에서는 Colspan 특성을 사용하여 처음 두 셀을 가로로 병합합니다. 아래두 번째 테이블 HTML 코드를 볼 수 있습니다. 이전 장의 예제를 사용하고 첫 번째 행에 3개가 아닌 두 개의 셀만 있고 행 3과 4의 두 번째 셀을 추가로 병합하도록 하겠습니다. 다음 코드는 HTML 초급 자습서의 테이블 페이지와 비슷합니다.

위의 그림은 두 개의 테이블을 보여줍니다. 첫 번째 테이블에는 2개의 행이 있고 각 행에는 2개의 열이 있습니다. 두 번째 테이블에는 첫 번째 열에 2개의 행이 있고 두 번째 열에는 1행이 있습니다. 두 번째 열에서 Rowspan 특성을 세로로 사용합니다. 아래두 번째 테이블 HTML 코드를 볼 수 있습니다. 글쎄, 그것은 더 까다롭습니다. 행 스팬 및 colspan 속성에 대한 모든 감사. 그 놈들. colspan 특성은 셀이 가로로 스팬(또는 병합)해야 하는 열 수를 정의합니다. 즉, 두 개 이상의 셀을 행에 단일 셀로 병합하려고 합니다. 보시다시피 행 1의 세 번째 셀을 제거하고 1행의 첫 번째 셀에 colspan 속성을 추가했습니다. 열에 걸쳐 있는 셀을 만들 때 알아야 할 것은 범위가 항상 오른쪽에 있다는 것입니다.

위의 코드는 두 셀을 하나의 셀로 수평으로 병합합니다. colspan 특성은 다음 요소에서 사용할 수 있습니다: 테이블은 HTML 초보자 자습서에서 충분히 복잡 한 것 같았을 수 있습니다. 1차원 코드 줄에서 2차원 그리드를 시각화하는 것은 매우 어려울 수 있습니다. 두 개의 열에 걸쳐 있는 테이블 셀이 있는 HTML 테이블: HTML의 colspan 특성은 셀이 포괄해야 하는 열 수를 지정합니다. 단일 테이블 셀이 두 개 이상의 셀 또는 열의 너비에 걸쳐 있을 수 있습니다. Excel과 같은 스프레드시트 프로그램에서 “셀 병합”과 동일한 기능을 제공합니다. . colspan 특성은 셀이 포괄해야 하는 열 수를 정의합니다.

Comments are closed.