행 범위 란 무엇입니까?
rowspan 특성은 웹 페이지의 표 셀이 여러 행으로 확장 될 수 있도록하는 HTML (Hypertext Markup Language) 기능입니다. HTML은 웹 페이지가 작성되는 주요 방법 중 하나입니다. 일반적으로 웹 브라우저는 웹 사이트에서 보낸 HTML을 해독하고 결과를 컴퓨터 화면에 읽을 수있는 형식으로 표시합니다. HTML은 표의 개념을 통합하여 페이지의 내용을 구성합니다.
테이블에는 정보를 수직 및 수평으로 구성하는 여러 개의 행과 열이 있습니다. HTML 테이블을 표시 할 때 종종 단일 컨텐츠 항목을 여러 행에 적용하거나 분산 시키려고합니다. 표에서 rowspan = N (여기서 N은 2, 3 등의 숫자 임)은 셀이 많은 행에 걸쳐 있음을 나타냅니다.
판매 데이터가 판매 지역, 지역을 이끌고있는 사람 및 판매액이라는 세 개의 열 표제가있는 테이블로 표시되는 예를 고려하십시오. 남한 지역은 기록 기간 동안 머리가 바뀌었다. 각 금액은 두 사람 모두에게 귀속됩니다. 다음 코드는 이것을 달성합니다.
<html>
<table border = "1">
<tr>
<th> 지역 </ th>
<th> 머리 </ th>
<th> 판매 </ th>
</ tr>
<tr>
<td> 이스트 </ td>
<td> 루이스 </ td>
<td> $ 2,100 </ td>
</ tr>
<tr> <td rowspan = "2"> 남부 </ td> <td> 릴리안 </ td> <td> $ 1,180 </ td> </ tr>
<tr> <td> Laverne </ td> <td> $ 1,300 </ td> </ tr>
<tr> <td> 서쪽 </ td> <td> 란노 </ td> <td> $ 1,900 </ td> </ tr>
</ table>
</ html>
이 예에서는 테이블이 생성됩니다. 제목 지역, 주임 및 판매는 4 행의 데이터로 지정됩니다. 테이블의 각 셀은 테이블 데이터 (td) 속성으로 표시됩니다. South에 대한 데이터는 두 행에 걸쳐 있으므로 rowspan = 2를 지정하면 South라는 단어가 두 행에 걸쳐 확장됩니다. 다음 행은 두 개의 td 속성을 가지며 다른 모든 행과 같이 세 가지가 아닙니다.
이 코드를 텍스트 파일로 복사하고 브라우저에서 가져 와서 효과를 볼 수 있습니다. 이 코드에는 공백을 추가하여 영업 담당자를 쉽게 식별 할 수 있지만 반드시 필요한 것은 아닙니다. 다음은 Lilian이라는 한 사람이 남쪽과 서쪽의 두 지역을 이끄는 약간 다른 예입니다.
<html>
<table border = "1">
<tr> <th> 지역 </ th> <th> 머리 </ th> <th> 판매 </ th> </ tr>
<tr> <td> 이스트 </ td> <td> 루이스 </ td> <td> $ 2,100 </ td> </ tr>
<tr> <td> 남부 </ td> <td rowspan = "2"> 릴리안 </ td> <td> $ 2,480 </ td> </ tr>
<tr> <td> 서부 </ td> <td> $ 1,900 </ td> </ tr>
</ table>
</ html>
웹 페이지는 데이터를 표 형식으로 표시하지 않아도됩니다. 회사 이름과 로고, 상단 또는 측면에 하나 이상의 메뉴, 중간에 주요 정보 등의 헤더가있을 수 있습니다. 이러한 웹 페이지를 작성할 때 독자가이를 인식하지 않고 테이블 구조가 종종 사용됩니다. 부드러운 효과를주기 위해 rowspan 속성은 일부 내용이 여러 행에 걸쳐있을 때마다 사용됩니다.
예를 들어, 개인, 웹 페이지, 가족, 직업 및 커뮤니티의 세 가지 정보 열을 포함하는 개인 웹 페이지를 만들 수 있습니다. 각 열에는 간단한 소개, 사진 및 세부 사항이 있습니다. 페이지를보기 좋게 만들기 위해 오른쪽에 색상 밴드를 사용할 수 있습니다. 이 경우 행 간격 기능을 사용하여 색상 밴드가 모든 행에 걸쳐 있음을 나타낼 수 있습니다.