XHTML 입문 학습 튜토리얼: 테이블 태그 적용_HTML/Xhtml_웹페이지 제작

테이블은 XHTML의 당황스러운 태그입니다. 이 섹션에서는 이에 대해 이해합니다. 양식에 대해
CSS가 대중화되기 전에는 위치 지정에 테이블이 널리 사용되었습니다. XHTML에서는 위치 지정을 위해 테이블을 권장하지 않습니다. W3C는 CSS가 위치 지정에서 在定位方面的地位。不过事实上由于利用CSS布局常常需要大量的手写代码工作(常用的网页设计软件如Dreamweaver并不能完美支持div的显示)，仍被许多网站用语首页布局，例如Google的More products页面就利用了table来定位。 不过我个人推荐您开始使用CSS来定位网页，因为这是Web发展的方向。当然了，在初期用CSS取代table可能使您遇上很多的麻烦。 表格标签
在XHTML中，创建表格的标签是，书写代码时，我们要先用标签将表格分成一行一行，再用입니다. 코드를 작성할 때 먼저 태그를 사용하여 테이블을 행과 행으로 나눈 다음

标签把每行分成一格一格。完全手写代码创建table是十分困难和低效的，而在网页制作软件中制作表格就如同Word一样简单，只需要选择行列之类的简单属性即可。但是我们可能会遇到自动做出的表格不符合要求，而需要在代码模式调整的可能，因此我们还是要大概了解XHTML表格标签的具体写法。 表格的边框（border）属性
标签可以有border属性。如果不设置border属性的值，在默认情况下，浏览器将不显示表格的边框。 表格练习
我们来建立一个四行两列的标签，代码如下：

一个格子	一个格子
一个格子	一个格子
一个格子	一个格子
一个格子	一个格子

를 대체할 수 있기를 바랍니다. 그러나 실제로 CSS 레이아웃을 사용하려면 손으로 직접 작성하는 코드 작업이 많이 필요한 경우가 많기 때문에(Dreamweaver와 같이 일반적으로 사용되는 웹 디자인 소프트웨어는 div 표시를 완벽하게 지원하지 않습니다.) 는 여전히 많은 웹사이트에서 홈페이지 레이아웃으로 사용됩니다. Google의 추가 제품 페이지로 이동하세요. 그러나 저는 개인적으로 CSS를 사용하여 웹 페이지의 위치를 ​​지정하는 것이 웹 개발의 방향이기 때문에 권장합니다. 물론 테이블을 CSS로 대체하면 초기에는 많은 어려움을 겪을 수 있습니다. 테이블 태그
XHTML에서 테이블을 생성하는 태그는

태그를 사용하여 각 행을 구분해야 합니다. 행을 셀에 넣습니다. 완전히 손으로 작성한 코드로 표를 만드는 것은 매우 어렵고 비효율적입니다. 그러나 웹 페이지 제작 소프트웨어에서 표를 만드는 것은 Word만큼 쉽고 행과 열과 같은 간단한 속성만 선택하면 됩니다. 그러나 자동으로 생성된 테이블이 요구 사항을 충족하지 않아 코드 모드에서 조정해야 할 가능성이 있으므로 여전히 XHTML 테이블 태그의 특정 작성 방법에 대한 일반적인 이해가 필요합니다. 테이블의 테두리 속성

태그는 테두리 속성을 가질 수 있습니다. 테두리 속성의 값을 설정하지 않으면 브라우저는 기본적으로 테이블 테두리를 표시하지 않습니다. 테이블 연습 행 4개와 열 2개로 구성된 라벨을 만들어 보겠습니다. 코드는 다음과 같습니다. 그리드그리드그리드 1개그리드 1개그리드 1개그리드그리드그리드그리드 td> 의 출력 결과는 다음과 같습니다. 위의 코드에 주목하세요. 는 아래 4줄에 해당하는 총 4쌍입니다. 그리고 각 (행)에는 두 개의 셀이 있습니다. 그러면 4행 2열의 테이블이 됩니다. 그리드 그리드 그리드 그리드 그리드 그리드 그리드 그리드 이러한 테이블은 데이터와 같은 정보를 나열하는 데 충분하지만 위치 지정에 사용되는 테이블은 일반적으로 더 복잡합니다. 다시 한번 말씀드리지만, 포지셔닝을 위해 테이블을 이용하는 것은 권장하지 않으므로 여기서는 만 간략하게 소개하겠습니다.