로우 스팬은 무엇입니까?

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

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

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


<테이블 테두리 = "1">


지역
머리
판매



이스트
Lewis
$ 2,100


South lilian $ 1,180

laverne $ 1,300

west larnoe $ 1,900


이 예에서는 테이블이 만들어집니다. 제목 지역, 헤드 담당자 및 판매는 지정된 다음 4 줄의 데이터가 지정됩니다. 표에있는 각 셀은 다음으로 표시됩니다테이블 데이터 (TD) 속성. South의 데이터는 두 행을 가로 지르므로 Rowspan = 2를 지정하여 South라는 단어는 두 행에 걸쳐 확장됩니다. 다음 행에는 다른 모든 행에서와 같이 3 개의 TD 속성이 3 개만 있습니다.

이 코드를 텍스트 파일에 복사하여 브라우저에 가져와 효과를 볼 수 있습니다. 이 코드에 빈 공간이 추가되어 판매 헤드를 쉽게 식별했지만 필요하지 않습니다. 다음은 한 사람 Lilian이 두 지역을 이끌고있는 약간 다른 예입니다 : 남쪽과 서쪽.



<테이블 테두리 = "1">

지역 Head 판매

East Lewis $ 2,100

South lilian $ 2,480

West $ 1,900



웹 페이지는 데이터를 표 형식으로 표시 할 필요가 없습니다. 회사 이름과 로고, 하나 이상의 메뉴가 상단 또는 측면에, 중간의 주요 정보 등과 같은 헤더가있을 수 있습니다. 이러한 웹 페이지를 만들 때 독자가 알지 않고도 테이블 구조가 종종 아래에 사용됩니다. 부드러운 효과를주기 위해 로우 스팬 속성은 일부 콘텐츠가 여러 행에 퍼질 때마다 사용됩니다.

예를 들어 가족, 경력 및 커뮤니티의 세 가지 정보가 포함 된 개인 웹 페이지를 만들 수 있습니다. 각 열에는 간단한 소개, 사진 및 세부 사항이있을 수 있습니다. 페이지를 더 좋아 보이기 위해 오른쪽을 따라 색상 밴드를 사용할 수 있습니다. 이 경우 로우 스팬 기능을 사용하여 컬러 밴드가 모든 행에 걸쳐 있음을 나타냅니다.

다른 언어

이 문서가 도움이 되었나요? 피드백 감사드립니다 피드백 감사드립니다

어떻게 도와 드릴까요? 어떻게 도와 드릴까요?