- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <!-- 현재 작성하고 있는 파일은 UTF-8 DOS파일입니다.-->
- <html xmlns="http://www.w3.org/1999/xhtml" lang="ko">
- <head>
- <meta http-equiv="content-type" content="text/html; charset=utf-8" />
- </head>
- <body>
- <table> - <tr> 사용법<br />
- <tr> 사용 용도는 HTML 테이블의 행을 정의합니다. <br />
- <br />
- ( 속성-align, valign, bgcolor, char, charoff )<br />
- <hr />
- <b><tr> : 1.속성-align : 테이블 행의 문자 행정렬을 지정합니다.</b><br /><br />
- HTML5에서 지원되지 않습니다.<br />
- 대신 CSS를 사용합니다.<br />
- css 문법 : <tr style="text-align:right;"><br />
- left - 왼쪽으로 테이블 정렬합니다. <br />
- right - 오른쪽으로 테이블 정렬합니다. <br />
- center - 중앙으로 테이블 정렬합니다. <br />
- justify - 각 라인은 같은 폭을 갖도록 라인을 지정합니다.(Explorer만 지원) <br />
- char - 특정 문자로 내용을 정렬한다고 하는데 모르겠음.<br />
- <div id="ex_view2">
- <table border=1" style="width:300px;">
- <tr style="text-align:right;"><th> </th><th>국어</th><th>영어</th><th>수학</th>
- </tr>
- <tr style="text-align:center;"><th>김선희</th><td> 80 </td><td> 73 </td><td> 68 </td>
- </tr>
- <tr style="text-align:right;"><th>김민정</th><td> 72 </td><td> 45 </td><td> 94 </td>
- </tr>
- <tr><th>김현준</th><td> 65 </td><td> 98 </td><td> 55 </td>
- </tr>
- </table>
- </div>
- <hr />
- <b><tr> : 2.속성-valign : 테이블 행의 문자 열정렬을 지정합니다.</b><br /><br />
- HTML5에서 지원되지 않습니다.<br />
- 대신 CSS를 사용합니다.<br />
- css 문법 : <tr style="vertical-align:top;"><br />
- top - 위로 테이블 정렬합니다. <br />
- middle - 중앙로 테이블 정렬합니다. <br />
- bottom - 아래으로 테이블 정렬합니다. <br />
- baseline - 베이스라인이 가상선이로써 텍스트 라인을 시트에 대부분 맞춥니다.<br />
- <div id="ex_view2">
- <table border=1" style="width:300px; height:300px;">
- <tr><th> </th><th>국어</th><th>영어</th><th>수학</th>
- </tr>
- <tr style="vertical-align:bottom;"><th>김선희</th><td> 80 </td><td> 73 </td><td> 68 </td>
- </tr>
- <tr style="vertical-align:baseline;"><th>김민정</th><td style="font-size:40px;">72</td><td> 45 </td><td> 94 </td>
- </tr>
- <tr style="vertical-align:top;"><th>김현준</th><td style="font-size:40px;"> 65 </td><td> 98 </td><td> 55 </td>
- </tr>
- </table>
- </div>
- <hr />
- <b><tr> : 3.속성-bgcolor : 테이블 행의 배경색을 지정합니다.</b><br /><br />
- HTML5에서 지원되지 않습니다.<br />
- HTML 4.01에서 더 이상 사용되지 않습니다. <br />
- 대신 CSS를 사용합니다.<br />
- css 문법 : <tr style="background-color:red"><br />
- <div id="ex_view2">
- <table border=1>
- <tr style="background-color:red"><th> </th><th>국어</th><th>영어</th><th>수학</th>
- </tr>
- <tr><th>김선희</th><td> 80 </td><td> 73 </td><td> 68 </td>
- </tr>
- <tr><th>김민정</th><td> 72 </td><td> 45 </td><td> 94 </td>
- </tr>
- <tr><th>김현준</th><td> 65 </td><td> 98 </td><td> 55 </td>
- </tr>
- </table>
- </div>
- <hr />
- <b><tr> : 4.속성-char : 문자로 테이블 행의 내용을 맞춥니다...확인 불가</b><br />
- HTML5에서 지원되지 않고 브라우저에서 지원하는 곳이 없습니다.<br />
- <br />
- <b><tr> : 5.속성-charoff : 문자 수가 컨텐츠는 <br />
- 문자 속성에 의해 지정된 문자에서 정렬 될 것이다...확인 불가</b><br />
- HTML5에서 지원되지 않고 브라우저에서 지원하는 곳이 없습니다.<br />
- </body>
- </html>
--------------------------------------------------------------------------------------------
위 소스 예제 보기
<tr> 테이블의 행을 지정합니다.
<tr> align, valign, bgcolor 속성과 설명은 소스에 있습니다.char, charoff 속성과 설명은 부실합니다.
'HTML > xhtml문법' 카테고리의 다른 글
<table> - 부가기능 태그들 사용법(<caption><colgroup><col><span><thead><tbody><tfoot>) (0) | 2014.01.22 |
---|---|
<table>-<tr>-<th></th><td></td> 테이블 헤더셀과 기본셀 (0) | 2014.01.22 |
<table></table> 테이블 만들기 (0) | 2014.01.21 |
<img></img>-<map></map>-<area><area> 이미지-이미지맵-클릭영역지정 (0) | 2014.01.21 |
<a></a> 링크 연결 페이지 (0) | 2014.01.20 |