로우 스팬은 무엇입니까?

Rowspan 속성은 웹 페이지의 테이블 셀이 여러 행 이상으로 확장 될 수있는 하이퍼 텍스트 마크 업 언어 (HTML) 기능입니다.HTML은 웹 페이지가 생성되는 주요 방법 중 하나입니다.일반적으로 웹 브라우저는 웹 사이트에서 보낸 HTML을 디코딩하고 컴퓨터 화면에 결과를 읽을 수있는 형식으로 표시합니다.HTML은 페이지의 내용을 구성하기 위해 테이블의 개념을 통합합니다.

테이블에는 수직 및 수평으로 정보를 구성하는 여러 행과 열이 있습니다.HTML 테이블을 표시 할 때 종종 단일 콘텐츠 항목이 여러 행에 적용하거나 퍼지기를 원합니다.테이블에서 rowspan ' n ndash;여기서 N은 2, 3 등과 같은 숫자입니다. ndash;셀이 많은 행에 퍼져 있음을 나타냅니다.

판매 데이터가 세 가지 열 제목, 즉 영업 지역, 지역을 향한 사람 및 판매 금액이있는 테이블로 표시되는 예를 고려하십시오.남부 지역은 기록 기간 동안 머리가 바뀌 었습니다.각 금액은 두 사람 모두에게 귀속됩니다.다음 코드는 이것을 달성합니다.; 판매 lt;/th gt;/lt;/lt;/tr gt;

lt; tr gt;

lt; td gt; east lt;/td gt;
lt; td gt; lewis lt;/td gt;
lt; td gt; $ 2,100 lt;/td; lt;/tr gt; lt; td rowspan ' 2 gt; south lt;/lt gt; lt; td gt; lilian lt;/lt;; tr gt; td gt; laverne lt;/td gt; lt; td gt; $ 1,300 lt;/td gt;/lt;/tr gt;; lt; td gt; $ 1,900 lt;/td gt; lt;/tr gt;/lt;/table gt;
lt;/html gt;이 예에서는 테이블이 만들어집니다.제목 지역, 헤드 담당자 및 판매는 지정된 다음 4 줄의 데이터가 지정됩니다.테이블의 각 셀은 테이블 데이터 (TD) 속성으로 표시됩니다.South의 데이터는 두 행을 가로 지르므로 Rowspan ' 2를 지정하여 South라는 단어는 두 행에 걸쳐 확장됩니다.다음 행에는 다른 모든 행에서와 같이 3 개의 TD 속성이있는 두 개의 TD 속성이 있습니다.이 코드에 빈 공간이 추가되어 판매 헤드를 쉽게 식별했지만 필요하지 않습니다.다음은 한 사람, Lilian이 남쪽과 서쪽의 두 지역을 이끌고있는 약간 다른 예입니다.;td gt; $ 2,100 lt;/td gt; lt;/tr gt;

lt; tr gt; lt; td gt; South lt;/td gt; lt; lt;/tr gt;

lt; tr gt; lt; td gt; West lt;/td gt; lt; td gt; $ 1,900 lt;/td gt; lt;/lt;/tr gt;/lt;/table gt;

lt;/html gt;웹 페이지는 데이터를 표 형식으로 표시 할 필요가 없을 수 있습니다.회사 이름과 로고, 하나 이상의 메뉴가 상단 또는 측면에, 중간의 주요 정보 등과 같은 헤더가있을 수 있습니다.이러한 웹 페이지를 만들 때 독자가 알지 않고도 테이블 구조가 종종 아래에 사용됩니다.부드러운 효과를주기 위해 로우 스팬 속성은 일부 콘텐츠가 여러 행에 퍼질 때마다 사용됩니다.각 열에는 간단한 소개, 사진 및 세부 사항이있을 수 있습니다.페이지를 더 좋아 보이기 위해 오른쪽을 따라 색상 밴드를 사용할 수 있습니다.이 경우 로우 스팬 기능을 사용하여 색상의 밴드가 모든 행에 걸쳐 있음을 나타냅니다.