최고의 HTML 테이블 튜토리얼 2024년, 이 튜토리얼에서는 HTML 테이블 예 :,온라인 예,HTML 테이블,표 인스턴스,HTML 테이블과 테두리 속성,HTML 테이블 헤더,더 많은 예제,HTML 테이블 태그,를 배울 수 있습니다.
이름 | 성 | 포인트 |
---|---|---|
질 | 스미스 | (50) |
이브 | 잭슨 | (94) |
요한 복음 | 암사슴 | (80) |
아담 | 존슨 | 67 |
테이블
이 예제는 HTML 문서에서 테이블을 만드는 방법을 보여줍니다.
(이 페이지의 하단에 더 많은 예제를 찾을 수 있습니다.)
<표> 태그에 의해 정의 된 양식. 각 테이블 (<TR> 태그에 의해 정의 된) 라인들의 수, 각 행은 (는 <TD> 태그에 의해 정의 된) 셀들로 분할되어있다. 즉, 데이터 셀, 표 데이터 (테이블 데이터) TD 문자의 내용을 말한다. 데이터 셀 등 텍스트, 이미지, 목록, 단락, 양식, 수평, 테이블 등을 포함 할 수 있습니다.
브라우저는 다음 표시 ::
1 행, 셀 (1) | 1 행, 셀 (2) |
2 행, 셀 (1) | 2 행, 셀 (2) |
당신이 경계를 정의하지 않으면 테이블이 표시되지 않습니다 때문이다. 때때로 이것은 유용하지만, 대부분의 시간, 우리는 경계를 표시 할 수 있습니다.
테두리가있는 테이블을 표시하는 경계 속성을 사용합니다 :
의 <일>를 사용하여 테이블 헤더 태그 정의됩니다.
대부분의 브라우저는 중앙에 굵게 헤더 텍스트를 표시합니다 :
브라우저는 다음을 표시합니다 :
헤더 1 | 헤더 2 |
---|---|
1 행, 셀 (1) | 1 행, 셀 (2) |
2 행, 셀 (1) | 2 행, 셀 (2) |
테두리 테이블 없음
이 경우는 테이블 테두리를 보여주지 않았다.
테이블 헤더 (제목)
이 예는 테이블 헤더를 표시하는 방법을 보여줍니다.
제목과 표
이 예제에서는 폼의 제목 (캡션)을 보여줍니다
열 또는 표 셀에서 은행 간
이 예는 교차 또는 테이블 셀의 열에서 정의하는 방법을 보여줍니다.
테이블 내 태그
이 예는 다른 요소 요소를 표시하는 방법을 보여줍니다.
셀 패딩 (셀 패딩)
이 예는 사이에 빈 셀 내용과 테두리를 만들 셀 패딩을 사용하는 방법을 보여줍니다.
셀 간격 (셀 간격)
이 예에서는 셀 간의 거리를 증가시키기 위해 셀 간격을 사용하는 방법을 보여준다.
标签 | 描述 |
---|---|
<table> | 定义表格 |
<th> | 定义表格的表头 |
<tr> | 定义表格的行 |
<td> | 定义表格单元 |
<caption> | 定义表格标题 |
<colgroup> | 定义表格列的组 |
<col> | 定义用于表格列的属性 |
<thead> | 定义表格的页眉 |
<tbody> | 定义表格的主体 |
<tfoot> | 定义表格的页脚 |