'rowspan' 속성은 무엇이며 HTML에서 'td' 요소와 함께 사용하는 방법은 무엇입니까?

'td' 요소와 함께 'rowspan' 특성을 사용하는 방법은 무엇입니까?

'rowspan' 특성과 'td' 요소 간의 관계를 더 잘 보여줍니다. 아래의 단계별 가이드에 따라 실제 예를 살펴보겠습니다.

1단계: HTML로 테이블 생성

먼저 ''를 사용하여 테이블을 만듭니다. <테이블> ” 태그. 그 안에 여러 '

위의 코드 조각에서:

• 먼저 5개의 행이 생성되고 각 셀에 일부 더미 데이터가 제공됩니다.
• 다음으로 “ 테이블 ” 요소를 선택하고 “ 무너지다 ” CSS에 대한 값 “ 국경 붕괴 ' 재산.
• 그 후, “ 국경 ' 그리고 ' 심 ”속성을 활용하여 사용자의 가시성을 높이고 사용자에게 매력적인 효과를 만듭니다.

코드 실행 후 테이블은 다음과 같이 나타납니다.

위의 출력은 테이블이 생성되고 스타일이 지정되었음을 표시합니다.

2단계: 'td' 요소와 함께 'rowspan' 특성 사용

“ 행 범위 ” 속성은 인접한 셀을 세로 방향으로 병합합니다. '와 함께 활용됩니다.

위의 코드에서:

• 'rowspan'은 ' 샐러리 ” td 요소.
• 의 가치 ' 2 '는 다음과 같이 인접한 두 셀에 동일한 데이터를 설정하는 'rowspan' 속성에 제공됩니다.

출력은 두 개의 셀이 병합되고 이제 사용자의 가독성이 향상되었음을 보여줍니다.

결론

“ 행 범위 ” 속성은 “ td ” 요소를 사용하여 세로 방향으로 인접한 여러 셀을 병합합니다. 이 속성은 숫자를 값으로 사용하고 얼마나 많은 셀이 병합되는지 알려줍니다. 동일한 데이터가 여러 셀에 제공되는 경우에 활용됩니다. 이 블로그는 'rowspan'이 무엇이며 HTML의 'td' 요소와 함께 사용하는 방법을 설명했습니다.