테이블은 XHTML의 태그입니다. 이 섹션은 이해하기에만 사용할 수 있습니다.
CSS가 대중화되기 전에 테이블은 포지셔닝에 널리 사용되었습니다. XHTML에서는 포지셔닝에 테이블이 권장되지 않으며 W3C는 CSS가 <table>의 위치 위치를 대체 할 수 있기를 희망합니다. 그러나 실제로 CSS 레이아웃을 사용하려면 종종 필기 된 코드 작업이 많이 필요하기 때문에 (Dreamweaver와 같은 일반적인 웹 디자인 소프트웨어는 DIV 디스플레이를 완벽하게 지원할 수 없음) 많은 웹 사이트에서 여전히 Google의 More Products Page와 같은 홈페이지 레이아웃을 사용하는 데 사용됩니다. 그러나 웹 페이지를 찾기 위해 CSS를 사용하기 시작하는 것이 좋습니다. 이는 웹 개발의 방향이기 때문에 웹 페이지를 찾는 것이 좋습니다. 물론 초기 단계에서 테이블을 CSS로 교체하면 많은 문제가 발생할 수 있습니다.
XHTML에서 테이블을 만들기위한 태그는 <table>입니다. 코드를 작성할 때 먼저 <tr> 태그를 사용하여 테이블을 행과 행으로 나눈 다음 <td> 태그를 사용하여 각 행을 그리드와 그리드로 나눕니다. 완전한 필기 코드로 테이블을 만드는 것은 매우 어렵고 비효율적이며 웹 페이지 프로덕션 소프트웨어에서 테이블을 만드는 것은 단어만큼 간단하므로 행 및 열과 같은 간단한 속성 만 선택하면됩니다. 그러나 자동으로 만든 테이블이 요구 사항을 충족시키지 못하고 코드 패턴에서 조정해야 할 가능성이 발생할 수 있습니다. 따라서 XHTML 테이블 태그의 특정 글을 여전히 이해해야합니다.
<pable> 태그는 테두리 속성을 가질 수 있습니다. 테두리 속성의 값이 설정되지 않은 경우 기본적으로 브라우저는 테이블의 경계를 표시하지 않습니다.
4 행과 2 개의 열 레이블을 만들어 봅시다. 코드는 다음과 같습니다.
| <테이블 테두리 = 1> <tr> <td> 그리드 </td> <td> 그리드 </td> </tr> <tr> <td> 그리드 </td> <td> 그리드 </td> </tr> <tr> <td> 그리드 </td> <td> 그리드 </td> </tr> <tr> <td> 그리드 </td> <td> 그리드 </td> </tr> </테이블> |
결과는 다음과 같이 표시됩니다. 위의 코드에주의를 기울이고 다음 4 줄에 해당하는 4 쌍의 <tr>가 있습니다. <tr> (행)가 없으면 두 개의 <td> 세포가 있습니다. 따라서 4 행과 2 개의 열 테이블이됩니다.
| 그리드 | 그리드 |
| 그리드 | 그리드 |
| 그리드 | 그리드 |
| 그리드 | 그리드 |
이러한 테이블은 데이터와 같은 정보를 나열하기에 충분하지만 찾는 데 사용되는 테이블은 일반적으로 더 복잡합니다. 다시 한 번 포지셔닝에 테이블을 사용하지 않으므로 여기에 <pable>을 간단히 소개합니다.