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 중국어 웹사이트의 기타 관련 기사를 참조하세요!