예
간단한 HTML 테이블, 두 개의 열과 두 개의 행을 포함 :
<table>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
»그것을 자신을 시도 자세한 내용은 아래 예 "자신을보십시오."
정의 및 사용
<tr> 태그는 HTML 테이블의 행을 정의한다.
<tr> 요소는 하나 이상 포함 <th> 이나 <td> 요소를.
브라우저 지원
| 요소 | |||||
|---|---|---|---|---|---|
| <tr> | 예 | 예 | 예 | 예 | 예 |
HTML 4.01과 HTML5의 차이점
모든 layout 속성은 HTML5에서 제거됩니다.
속성
| 속성 | 값 | 기술 |
|---|---|---|
| align | right left center justify char | HTML5에서 지원되지 않습니다. 테이블 행의 콘텐츠를 정렬합니다 |
| bgcolor | rgb(x,x,x) #xxxxxx colorname | HTML5에서 지원되지 않습니다. 테이블 행의 배경색을 지정 |
| char | character | HTML5에서 지원되지 않습니다. 문자로 테이블 행의 콘텐츠를 정렬 |
| charoff | number | HTML5에서 지원되지 않습니다. 함량은에 의해 지정된 문자의 문자의 수가 일치한다 세트 char 특성 |
| valign | top middle bottom baseline | HTML5에서 지원되지 않습니다. 수직 테이블 행의 콘텐츠를 정렬 |
글로벌 속성
<tr> 태그도 지원 글로벌은 HTML의 속성 .
이벤트 속성
<tr> 태그도 지원 이벤트는 HTML의 속성 .
그것을 자신을 시도 - 예를
테이블 헤더
테이블 헤더를 만드는 방법.
캡션 테이블
캡션을 가진 HTML 테이블.
테이블 내부 태그
다른 요소 내부 요소를 표시하는 방법.
C 하나 이상의 행 / 열 걸쳐 ELL 학생
어떻게 둘 이상의 행 또는 1 열을 걸쳐 테이블 셀을 정의합니다.
관련 페이지
HTML 튜토리얼 : HTML 테이블
HTML DOM 참조 : TableRow 객체
CSS 자습서 : 스타일링 테이블
기본 CSS 설정
대부분의 브라우저는 표시됩니다 <tr> 다음과 같은 기본 값으로 요소를 :
tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
}