HTML 테이블

HTML 테이블 예 :

온라인 예

테이블
이 예제는 HTML 문서에서 테이블을 만드는 방법을 보여줍니다.

(이 페이지의 하단에 더 많은 예제를 찾을 수 있습니다.)

HTML 테이블

<표> 태그에 의해 정의 된 양식. 각 테이블 (<TR> 태그에 의해 정의 된) 라인들의 수, 각 행은 (는 <TD> 태그에 의해 정의 된) 셀들로 분할되어있다. 즉, 데이터 셀, 표 데이터 (테이블 데이터) TD 문자의 내용을 말한다. 데이터 셀 등 텍스트, 이미지, 목록, 단락, 양식, 수평, 테이블 등을 포함 할 수 있습니다.

표 인스턴스

브라우저는 다음 표시 ::

HTML 테이블과 테두리 속성

당신이 경계를 정의하지 않으면 테이블이 표시되지 않습니다 때문이다. 때때로 이것은 유용하지만, 대부분의 시간, 우리는 경계를 표시 할 수 있습니다.

테두리가있는 테이블을 표시하는 경계 속성을 사용합니다 :

HTML 테이블 헤더

의 <일>를 사용하여 테이블 헤더 태그 정의됩니다.

대부분의 브라우저는 중앙에 굵게 헤더 텍스트를 표시합니다 :

브라우저는 다음을 표시합니다 :

더 많은 예제

테두리 테이블 없음
이 경우는 테이블 테두리를 보여주지 않았다.

테이블 헤더 (제목)
이 예는 테이블 헤더를 표시하는 방법을 보여줍니다.

제목과 표
이 예제에서는 폼의 제목 (캡션)을 보여줍니다

열 또는 표 셀에서 은행 간
이 예는 교차 또는 테이블 셀의 열에서 정의하는 방법을 보여줍니다.

테이블 내 태그
이 예는 다른 요소 요소를 표시하는 방법을 보여줍니다.

셀 패딩 (셀 패딩)
이 예는 사이에 빈 셀 내용과 테두리를 만들 셀 패딩을 사용하는 방법을 보여줍니다.

셀 간격 (셀 간격)
이 예에서는 셀 간의 거리를 증가시키기 위해 셀 간격을 사용하는 방법을 보여준다.

HTML 테이블 태그