Computer >> 컴퓨터 >  >> 프로그램 작성 >> HTML

HTML에 테이블 열 그룹을 포함하는 방법은 무엇입니까?


태그를 사용하여 테이블 열 그룹을 포함합니다. HTML 태그는 테이블 내의 열 그룹에 대한 속성을 지정하는 데 사용됩니다. colgroup 내의 열에 다른 속성을 적용해야 하는 경우 colgroup 태그 내에서 HTML col 태그를 사용할 수 있습니다.

다음은 속성입니다 -

이 확장되어야 하는 열의 수를 정의합니다. Html5에서는 지원되지 않습니다
에 걸쳐야 하는 열의 수를 정의합니다. Html5에서는 지원되지 않습니다.
속성

설명
정렬
오른쪽
왼쪽
센터
신이 옳다고 하다

수평 정렬을 정의합니다. Html5에서는 지원되지 않습니다 .
문자
문자
텍스트를 정렬하는 데 사용할 문자를 정의합니다(align ="char"와 함께 사용). Html5에서는 지원되지 않음 .
샤로프
픽셀
스팬
숫자
정렬
하단
가운데
맨 위
기준선
세로 정렬을 정의합니다. Html5에서는 지원되지 않습니다.
픽셀 또는 % 현재 col 요소에 걸쳐 있는 각 열의 기본 너비를 지정합니다. 에서는 지원되지 않습니다. HTML5 .

예시

HTML에서 태그를 구현하기 위해 다음 코드를 실행할 수 있습니다 −

<!DOCTYPE html>
<html>
   <head>
      <title>HTML col Tag</title>
   </head>
   <body>
      <p>This example shows a colgroup that has three columns of different widths:</p>
      <table border = "1">
         <colgroup span = "4">
            <col width = "40"></col>
            <col width = "70"></col>
            <col width = "100"></col>
            <col width = "130"></col>
            <col width = "160"></col>
            </colgroup>
         <tr>
            <td>One</td>
            <td>Two</td>
            <td>Three</td>
            <td>Four</td>
            <td>Five</td>
         </tr>
      </table>
   </body>
</html>