HTML의 테이블이란 무엇입니까?

HTML의 테이블 태그는 하나 이상의 tr, th, td 요소와 함께 테이블 테이블에서 테두리와 간격을 설정할 수 있습니다. 테이블 태그를 사용할 수 있습니다. 다음으로 기사에서 테이블 태그에 대해 자세히 소개하겠습니다. 이는 특정 참조 효과가 있으며 모든 사람에게 도움이 되기를 바랍니다.

【추천 강좌:

HTML Tutorial】간단한 HTML 테이블은 table 태그와 하나 이상의 tr, th, td 요소로 구성됩니다.

table 태그

table 태그는 주로 테이블의 바깥쪽 테두리를 제어하는 ​​데 사용됩니다. 주로 테이블의 바깥쪽 여백을 설정하는 데 사용되는 margin 속성이 있습니다. border 속성은 표의 테두리를 설정하는 데 사용되며,cellspacing 속성은 셀 사이의 공백을 지정하는 데 사용됩니다.

tr 부분:

tr은 주로 표의 행을 나누는 데 사용됩니다. 높이를 설정하는 데 사용됩니다

td 부분:

td는 각 셀의 속성을 제어하는 ​​데 사용되지만 패딩 속성도 포함하여 각 셀의 위쪽, 아래쪽, 왼쪽 및 오른쪽 테두리를 각각 제어합니다.

th 부분:

th의 사용법은 테이블 헤더를 구별하는 데 사용된다는 점을 제외하면 td와 동일합니다.

참고: 백분율을 사용하는 것과 테이블에서 픽셀을 단위로 사용하는 것은 동일합니다.

예:

<table border="1px solid #ccc">
        <h4>php中文网</h4>
     <tr>
        <td>教程</td>
        <td>教程地址</td>
   </tr>
   <tr>
        <td>php教程</td>
        <td>http://www.php.cn</td>
          
   </tr>
   <tr>
        <td>html教程</td>
        <td>http://www.php.cn</td>
            
    </tr>
    </table>

렌더링:

테이블의 교차 행 및 교차 열 처리

할 수 있습니다. 또한 아래와 같이 셀의 colspan 속성을 설정하여 열 전체에 걸쳐 병합할 수도 있고, 아래와 같이 셀의 rowspan 속성을 설정하여 행 전체에 걸쳐 병합할 수도 있습니다

셀이 두 개의 열에 걸쳐있습니다

 <tr>
        <td colspan="2">php教程</td>
        <td>http://www.php.cn</td>
          
   </tr>
   <tr>
        <td colspan="2">html教程</td>
        <td>http://www.php.cn</td>
            
    </tr>
     <tr>
        <td colspan="2">css教程</td>
        <td>http://www.php.cn</td>    
   </tr>

효과 그림은 다음과 같습니다. . 테이블 태그에 대한 테두리 속성을 설정한 후에만 설정됩니다. 테두리가 표시되지만 이런 테두리는 간격 때문에 보기 흉해지기 때문에 축소 속성을 통해 테두리 간격을 제거할 수 있습니다.

예:

 <tr>
        <td  rowspan="2">教程</td>
        <td>教程地址</td>
   </tr>

효과 그림은 다음과 같습니다:

참고: 표에서 너비는 표 전체의 너비를 나타내고, td의 너비는 내용을 제외한 내부 내용의 너비를 나타냅니다

요약: 이상이 이 글의 전체 내용이며, 테이블 태그를 익히시는 모든 분들에게 도움이 되었으면 좋겠습니다.

위 내용은 HTML의 테이블이란 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!